Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 5808 Просмотров
*

Nktz

  • Осваиваюсь на форуме
  • 29
  • 0 / 0
Такая вот задача у меня.
из index.php
Код
<!-- BEGIN: TOP SPOTLIGHT -->
<div id="ja-topsl" style="background: url(<?php echo $ja_template_path;?>/images/headers/<?php echo $ja_random_header; ?>) no-repeat right top;">
<?php echo mosLoadModules ( 'top',-2 ); ?>

из css
Код
#ja-topsl {
clear: both;
padding: 0;
border-bottom: 1px solid #CCCCCC;
position: relative;
z-index: 1;
height: 180px;
}

долго ковыряюсь, всё никак не получается. Может можно здесь что-то дописать, о чём я не знаю?

Код
<div id="ja-topsl" style="background: url(<?php echo $ja_template_path;?>/images/headers/<?php echo $ja_random_header; ?>) no-repeat right top;">

и эти методы пробовал, не выходит

http://www.killersites.com/forums/topic/1195/background-image-link-in-css/

http://webdevnews.net/2007/01/css-trick-turning-a-background-image-into-a-clickable-link/

http://shapeshed.com/journal/using_background_images_with_links/

на всякий вот переменная $ja_random_header

Код
$ja_random_header = getRandomImage($mosConfig_absolute_path.'/templates/ja_iris/images/headers/');
*

se_demon

  • Осваиваюсь на форуме
  • 37
  • 3 / 0
Re: Бэкграунд картинка как ссылка
« Ответ #1 : 27.10.2009, 03:58:02 »
Сделай ссылкой весь слой:

<!-- BEGIN: TOP SPOTLIGHT -->
<a href="http://ya.ru"><div id="ja-topsl" style="background: url(<?php echo $ja_template_path;?>/images/headers/<?php echo $ja_random_header; ?>) no-repeat right top;">
   <?php   echo mosLoadModules ( 'top',-2 ); ?>

...
</div></a>
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Бэкграунд картинка как ссылка
« Ответ #2 : 31.10.2009, 01:04:08 »
Не очень ясно что Вы хотите реализовать.
В этом же разделе есть похожая тема: Как сделать фоновую картинку ссылкой?
*

Varyag0488

  • Захожу иногда
  • 68
  • 1 / 0
Re: Бэкграунд картинка как ссылка
« Ответ #3 : 01.11.2009, 16:19:51 »
пропиши картинку в index.php и сделай ее ссылкой, чувствую придется с позиционированием покопаться)) если не получится пиши на мыло разберемся
*

11th-level

  • Новичок
  • 5
  • 0 / 0
Re: Бэкграунд картинка как ссылка
« Ответ #4 : 10.11.2009, 15:18:50 »
Проще сделать сам div ссылкой:
<div id="ja-topsl" onclick="location.href='НУЖНЫЙ URL';" style="cursor: pointer;" style="background: url(<?php echo $ja_template_path;?>/images/headers/<?php echo $ja_random_header; ?>) no-repeat right top;">
<?php echo mosLoadModules ( 'top',-2 ); ?>
« Последнее редактирование: 10.11.2009, 15:23:19 от 11th-level »
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Бэкграунд картинка как ссылка
« Ответ #5 : 10.11.2009, 15:40:13 »
Проще сделать сам div ссылкой…
Зачем топором забивать сапожные гвозди, если есть молоток?
Почему же нельзя сделать ссылку тегом, для нее предназначенным?
А чтобы картинка показывалась в ссылке полностью, перевести ее в блочный элемент, задать ширину и высоту картинки.
*

11th-level

  • Новичок
  • 5
  • 0 / 0
Re: Бэкграунд картинка как ссылка
« Ответ #6 : 12.11.2009, 12:29:38 »
Зачем топором забивать сапожные гвозди, если есть молоток?
Почему же нельзя сделать ссылку тегом, для нее предназначенным?
А чтобы картинка показывалась в ссылке полностью, перевести ее в блочный элемент, задать ширину и высоту картинки.

А ведь я прав - способ, который я предложил проще) не нужно изменять CSS.
Сделать, как вы предложили, абсолютность несложно, но совсем немного дольше по времени, согласитесь.
Тем более, я и не говорю, что это самый лучший способ.
Согласен, правильнее использовать тег <a>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться