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

asterom

  • Новичок
  • 2
  • 0 / 0
Map image в шапке
« : 08.02.2013, 12:11:55 »
Есть шаблон где собирается шапка-
<div id="header">
         <div id="header_l">
                    <div id="header_r">
                    </div>
         </div>
</div>
 Есть CSS


div#header {
   background: url(../images/blue/mw_header_t.png) 50% 0 no-repeat;
}

div#header_l {


div#header_r {
   background: url(../images/blue/mw_header_t_r.png) 100% 0 no-repeat;
}

Шапка состоит из трех картинок. В общем не суть, для центральной нужно сделать некоторые части изображения ссылками, сгенерировал код CSS

dl.image_map {display:block; width:439px; height:273px; background:url(../images/blue/mw_header_t.png); position:relative; margin:2px auto 2px auto;}
   a.LINK0 {left:85px; top:218px; background:transparent;}
   a.LINK0 {display:block; width:52px; height:0; padding-top:52px; overflow:hidden; position:absolute;}
   a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}

И сам HTML код
<dl class="image_map">
   <dd><a class="LINK0" title="" href="http://ya.ru/"></a></dd>
   <dd><a class="LINK1" title="" href="http://www.google.ru/"></a></dd>
   
</dl>

В итоге как бы применить все эти свойства для блока div#header, а не для dl тега..

*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Map image в шапке
« Ответ #1 : 08.02.2013, 13:04:37 »
Может это?
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

asterom

  • Новичок
  • 2
  • 0 / 0
Re: Map image в шапке
« Ответ #2 : 08.02.2013, 15:01:53 »
Хм, похоже, попробую, спасибо!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль Ari Image Slider

Автор Maks_131992

Ответов: 4
Просмотров: 4177
Последний ответ 13.06.2014, 19:38:59
от One
Из-за баннера текст близкий к шапке стал ссылкой на этот баннер (отблагодярю того кто поможет)

Автор prossvika

Ответов: 3
Просмотров: 875
Последний ответ 19.08.2013, 19:53:21
от prossvika
background image

Автор Amzel

Ответов: 1
Просмотров: 786
Последний ответ 02.01.2013, 13:59:58
от darkghost
Текст в шапке сайта

Автор vlad007car

Ответов: 1
Просмотров: 560
Последний ответ 17.11.2012, 17:51:34
от Qwerty35rus
Случайно удалил модуль отображения иконок в шапке админки, как можно востановить?

Автор Tur1st

Ответов: 2
Просмотров: 595
Последний ответ 14.11.2012, 11:16:54
от Tur1st