|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
09.12.2013, 09:51 | #1 |
Пользователь
Регистрация: 26.10.2011
Сообщений: 67
|
Меню горизонтальное
Код HTML:
<style> #pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;} #pmenu {margin:0 0 auto 0; position:relative; z-index:500; width:900px; } #pmenu li {float:left;position:relative; } #pmenu a, #pmenu a:visited {display:block; width:111px; text-align:center; font-size:12px; color:#000; height:30px; line-height:29px; text-decoration:none; text-indent:5px; background:#c8d3ef; border:1px solid #fff; border-width:0 1px 1px 0;} #pmenu li:hover > a{background:#b1c1e8; color:#55708e;} #pmenu li ul {display: none;} #pmenu li:hover > ul {display:block; position:absolute; top:0; left:111px;} #pmenu > li:hover > ul {left:0; top:24px;} </style> <div id="ii"> <ul id="pmenu"> <li><a href="$HOME_PAGE_LINK$">Главная</a></li> <li><a href="http://gub-raion.ucoz.ru/index/0-2">О библиотеке</a> <ul> <li style="width:200px"><a href="#">Sub Level 1a</a></li> <li><a href="#">Sub Level 1b</a></li> <li><a href="#">Sub Level 1c ►</a> </ul> </li> <li><a href="http://gub-raion.ucoz.ru/index/chitateljam/0-5">Читателям</a></li> <li><a href="http://gub-raion.ucoz.ru/index/kraevedenie/0-22">Краеведение </a> <ul> <li><a href="#">Sub Level 1a</a></li> <li><a href="#">Sub Level 1b</a></li> <li><a href="#">Sub Level 1c ►</a> <ul> <li><a href="#">Sub Level 2a</a></li> <li><a href="#">Sub Level 2b ►</a> <ul> <li><a href="#">Sub Level 3a</a></li> <li><a href="#">Sub Level 3b ►</a> <ul> <li><a href="#">Sub Level 4a</a></li> <li><a href="#">Sub Level 4b</a></li> <li><a href="#">Sub Level 4c ►</a> <ul> <li><a href="#">Sub Level 5a</a></li> <li><a href="#">Sub Level 5b</a></li> <li><a href="#">Sub Level 5c</a></li> <li><a href="#">Sub Level 5d ►</a> <ul> <li><a href="#">Sub Level 6a</a></li> <li><a href="#">Sub Level 6b</a></li> <li><a href="#">Sub Level 6c</a></li> <li><a href="#">Sub Level 6d</a></li> </ul> </li> <li><a href="#">Sub Level 5e</a></li> <li><a href="#">Sub Level 5f</a></li> </ul> </li> <li><a href="#">Sub Level 4d</a></li> <li><a href="#">Sub Level 4e</a></li> <li><a href="#">Sub Level 4f</a></li> </ul> </li> <li><a href="#">Sub Level 3c</a></li> <li><a href="#">Sub Level 3d</a></li> </ul> </li> <li><a href="#">Sub Level 2c</a></li> </ul> </li> <li><a href="#">Sub Level 1d</a></li> <li><a href="#">Sub Level 1e</a></li> </ul> </li> <li><a href="http://gub-raion.ucoz.ru/index/kollegam/0-30">Коллегам</a></li> <li><a href="http://gub-raion.ucoz.ru/index/detskaja_biblioteka/0-183">Детям</a></li> <li><a href="#">Молодежи</a></li> <li><a href="#">Слабовидящим</a></li> </ul> </div> |
09.12.2013, 12:12 | #2 |
Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054
|
Все просто. у вас ссылка внутри li имеет четко заданную ширину, поэтому блок не раздвигается
Поэтому это: Код:
Код:
Писано по д'Эльфийски
|
10.01.2014, 20:55 | #3 |
Форумчанин
Регистрация: 09.06.2009
Сообщений: 151
|
Подскажите пожалвуйста, как сделать чтобы меню выпадало не "вниз" а "вверх" ?
Код:
|
Опции темы | Поиск в этой теме |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
горизонтальное меню из 3х элементов | shilovec5377 | JavaScript, Ajax | 1 | 30.01.2012 19:51 |
Горизонтальное меню oтoбражение в ie | IIuXTo | HTML и CSS | 5 | 07.05.2011 12:43 |
горизонтальное меню | s.talke.r | Паскаль, Turbo Pascal, PascalABC.NET | 1 | 18.12.2010 17:12 |
Горизонтальное меню | Brutallus | Общие вопросы C/C++ | 3 | 21.11.2009 21:07 |
Опера и IE. Горизонтальное меню. | sun-pa | HTML и CSS | 2 | 28.02.2009 17:20 |