Помощник
|
При наведении на меню уезжает футер |
gerasim13
|
Сообщение
#1
|
||
|
|
||
|
|||
Exterior |
6.10.2008, 22:25;
Ответить: Exterior
Сообщение
#2
|
|
gerasim13, посмотрел ваш шаблон... и решил переделать:
[attachment=35334:remade.rar]
|
|
|
gerasim13
|
Сообщение
#3
|
|
Ух. Что могу сказать. Вы профи. Огромное спасибо!
|
|
|
gerasim13
|
Сообщение
#4
|
|
Ещё раз спасибо. У меня ещё один вопрос. Никак не могу найти способ заставить субменю отображаться в линию=(
Может подскажите что добавить в ваш стиль? |
|
|
gerasim13
|
Сообщение
#5
|
|
#menu ul li:hover ul, #menu ul li a:hover ul { display:block; width:500px; } #menu ul li:hover ul li, #menu ul li a:hover ul li { float:left; padding:0 0 0 10px; background:#000; } Вот это работает только в Firefox, эксплорер не хочет работать=( |
|
|
Exterior |
7.10.2008, 20:43;
Ответить: Exterior
Сообщение
#6
|
|
gerasim13,
добавляете новые интрукции к имеющимся: #menu li ul li a { float: left; padding: 0 5px; background: black; } в #menu li ul меняете ширину width: 150px; на нужную вам, например, width: 300px; здесь же (#menu li ul) добавляете background: black; - чтобы пункты меню не сливались с текстом контента и хоть как-то были различимы |
|
|
gerasim13
|
Сообщение
#7
|
|
Спасибо!
|
|
|
gerasim13
|
Сообщение
#8
|
|
Извините за назойливость. А как заставить меню работать в 7 эксплорере?
|
|
|
Exterior |
8.10.2008, 22:32;
Ответить: Exterior
Сообщение
#9
|
|
gerasim13, внесите следующие изменения и дополнения в style.css:
.wrapper {
min-width: 860px; } #menu li ul { width: 300px; /* Ширина субменю */ } #menu li ul li { float: left; padding: 0 5px; background: black; } #menu li ul li a { width: 70px; /*Ширина ссылок в субменю*/ } #menu ul li a { width: 150px; /*Ширина должна быть такой же как и [B]#menu ul[/B]*/ } |
|
|
gerasim13
|
Сообщение
#10
|
|
/* ///////// Menu ///////// */ #menu { padding-left: 250px; float: left; } #menu ul { width: 150px; /* Ширина меню */ list-style: none; } #menu ul li { position: relative; } #menu li ul { width: 450px; /* Ширина субменю */ position: absolute; top: 0px; /* Позиция от верха */ left: 150px; /* Позиция субменю слева относительно главного меню */ display: none; } #menu ul li a { display: block; padding: 5px 0; background: #000; /* Цвет фона пунктов меню */ color: #CCC; /* Цвет текста пунктов меню */ text-decoration: none; line-height: 25px; font: bold 14px sans-serif; text-transform: uppercase; letter-spacing: 2px; width:150px; } #menu li ul li { float: left; padding: 0 5px; background: black; } #menu li ul li a { width: auto; /*Ширина ссылок в субменю*/ } #menu ul li:hover ul, #menu ul li a:hover ul { display:block; width:500px; } #menu ul li:hover ul li, #menu ul li a:hover ul li { float:left; } #menu li ul li a { float: left; padding:0 10px; background: black; line-height: 25px; } #nav a:hover { color: #FF9900; } #nav li.hover ul, #nav li:hover ul { display: block; } * html #menu ul li { height: 1%; float: left; } * html #menu ul li a { height: 1%; } /* ///////////////////////// */ В IE7 при наведении на некоторые пункты меню, выделенный пункт сдвигается вправо (примерно на 5 пикселей). |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
6 | stu999 | 1551 | 21.3.2024, 20:45 автор: stu999 |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2178 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30255 | 19.7.2022, 13:41 автор: Funoman |
|
тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе. Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО |
71 | VIMstat | 78307 | 21.6.2022, 9:38 автор: VIMstat |
|
Отображение нужного блока при клике. | 0 | bhtml | 1648 | 10.7.2020, 15:18 автор: -bhtml- |
Текстовая версия | Сейчас: 28.3.2024, 14:20 |