Joomla - Баннерный модуль - позиция заголовка - PullRequest
Новая
       24

Joomla - Баннерный модуль - позиция заголовка

0 голосов
/ 26 июля 2011

Есть ли способ поместить заголовок модуля (в моем случае баннерный модуль) поверх изображения?

Вот пример: http://www.nulaena.si/temp

Я хотел бы поместить текст «Задайте технический вопрос» поверх желтого изображения (фон).

Я пробовал с полем: -10px и z-index, но безуспешно. Может быть, я не сделал это правильно.

Это код, который у меня пока есть: 

<div class="moduletable_banner-yellow">
<h3>Ask a technical question</h3>
<div class="bannergroup_banner-yellow">
<div class="banneritem_banner-yellow"><a href="#"><img src="http://nulaena.si/joomla/images/banners/banner-yellow.png" /></a><div class="clr"></div></div>
</div>      
</div>

.moduletable_banner-yellow h3 { 
  margin-bottom: 0px; 
  padding-left: 20px; 
  font-family: arial; 
  font-size: 16px; 
  font-weight: bold; 
  text-shadow: #6374AB 2px 2px 2px; 
  text-transform: uppercase; 
  text-decoration: none; 
  color: #fff; 
  text-align: left; 
}

Я попытался поместить изображение баннера в качестве фона, как в примере: 

.moduletable_banner-yellow {
  background-image:url('http://nulaena.si/joomla/images/banners/banner-yellow.png');
  height: 50px;
  width: 511px;
}

Но тогда вы не можете кликнуть по баннеру, потому что в бэк-энде не выбрано изображение (нет ссылки, только текст). Если я выбираю изображение, оно отталкивается из-за текста.

Полагаю, другой вариант - изменить исходный код, чтобы он был ссылкой, но я бы предпочел этого избежать.

1 Ответ

0 голосов
/ 26 июля 2011

Попробуйте использовать абсолютное позиционирование с текстом?Я думаю, что это может сработать.Дайте двум модулям одинаковую позицию в диспетчере модулей, а затем «абсолютно расположите» текст так, чтобы он был над баннером?

Или, возможно, просто загрузите изображение и текст в один и тот же модуль?Я не уверен, что вижу выгоду от использования двух отдельных модулей?Какой смысл, если они просто будут перекрываться?

...