|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Выпадающее меню. (Выпадающее меню.) |
Выпадающее меню. |
Помогите, пожалуйста! Пытаюсь сделать горизонтальное меню, но что-то плохо получается. Никак не могу сделать выпадающее подменю. И если окно браузера сделать меньше, то меню переноситься. Как сделать его резиновым?
Сайт: http://fominki.ucoz.ru <div align="center"><br></div><div align="center"> <a href="http://fominki.ucoz.ru/"><img src="/centr_sela.jpg" alt="" style=" width: 100%; "></a><br></div><div>Вы вошли как <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | Группа "<span style="TEXT-DECORATION: underline">$USER_GROUP$</span>" | <a href="$LOGOUT_LINK$">Выход</a> </div><table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody><tr> <td width="12"><img src="/.s/t/231/5.gif" border="0"></td> <td style="BACKGROUND-IMAGE: url(/.s/t/231/6.gif)"><img src="/.s/t/231/6.gif" border="0"></td> <td width="11"><img src="/.s/t/231/7.gif" border="0"></td></tr></tbody></table> <style> div#menunav { float: left; border-top: 1px solid #FFCC99; border-bottom: 1px solid #FFCC99; font-size: 16px; background-color: #FFCC99; padding: 0 0 0 25px; margin: 5px 0; } div#menunav ul { margin: 0px; padding: 0px; } * html div#menunav ul { float: left; border-left: 1px solid #000000; margin-left: 15px; } * html div#menunav a { display: table-cell; } div#menunav li { float: left; list-style-type: none; background-color: #FFCC99; border-right: 1px solid #FFCC99; } div#menunav li:first-child { border-left: 1px solid #CCCCCC; } div#menunav a { text-decoration: none; padding: 0px 10px; color: #660000; } div#menunav a:hover { color: #ffffff; } div#menunav li:hover { background-color: #660000; } /*powered by ……….ucoz.ru */ </style> <div id="menunav" style="width: 100%;"><div style="text-align: justify;"><div style="text-align: left;"><ul><li><b style="text-align: center;"><a href="http://fominki.ucoz.ru/#" target="_self"><font face="Monotype Corsiva" size="4"><margin: auto><i style="font-size: 14pt;">Главная страница</i></font></a></b> </li><li><b style="text-align: center;"><div style="text-align: justify; display: inline !important;"><b><a href="http://fominki.ucoz.ru/index/selo_segodnja/0-12" target="_self"><margin: auto><i><font face="Monotype Corsiva" size="4" style="font-size: 14pt;">Село сегодня</font></i></a></b></div> </b></li><li><b style="text-align: center;"><div style="text-align: left; display: inline !important;"><b><div style="text-align: justify; display: inline !important;"><b><font face="Monotype Corsiva" size="4"><margin: auto><i><a href="http://fominki.ucoz.ru/index/stati/0-19" target="_self" style="font-size: 14pt;">Статьи</a></i></font></b></div> </b></div></b></li><li><a href="http://…..ucoz.ru/forum" style="text-align: justify;"><b><i><margin: auto><font face="Monotype Corsiva" size="4" style="font-size: 14pt;">Дела и люди</font></i></b> </a></li><li><a href="http://…..ucoz.ru/forum" style="text-align: justify;"><b><i><font face="Monotype Corsiva" size="4" style="font-size: 14pt;">Окрестности села</font></i></b> </a></li><li><b style="text-align: center;"><div style="text-align: left; display: inline !important;"><b><div style="text-align: justify; display: inline !important;"><b><i><font face="Monotype Corsiva" size="4"><a href="http://fominki.ucoz.ru/index/fotogallereja/0-84" target="_self" style="font-size: 14pt;">Фотогалерея</a></font></i></b></div> </b></div></b></li><li><b style="text-align: center;"><div style="text-align: left; display: inline !important;"><b><div style="text-align: justify; display: inline !important;"><b><i><font face="Monotype Corsiva" size="4"><a href="http://fominki.ucoz.ru/forum/2" target="_self" style="font-size: 14pt;">Форум</a></font></i></b></div> </b></div></b></li><li><b style="text-align: center;"><div style="text-align: left; display: inline !important;"><b><div style="text-align: justify; display: inline !important;"><b><i><font face="Monotype Corsiva" size="4"><i><a href="http://fominki.ucoz.ru/index/0-3" target="_self" style="font-size: 14pt;">Обратная связь</a></i></font></i></b></div> </b></div></b></li><li><b style="text-align: center; font-style: italic;"><div style="text-align: left; display: inline !important;"><b><div style="text-align: justify; display: inline !important;"><b><i><font face="Monotype Corsiva" size="4"><a href="http://fominki.ucoz.ru/index/izmenenija_na_sajte/0-172" target="_self" style="font-size: 14pt;">Изменения на сайте</a></font></i></b></div></b></div> </b></li><li><b style="font-style: italic; text-align: center;"><div style="text-align: left; display: inline !important;"><b><div style="text-align: justify; display: inline !important;"><b><i><font face="Monotype Corsiva" size="4"><a href="http://fominki.ucoz.ru/index/0-2" target="_self" style="font-size: 14pt;">Информация о сайте</a></font></i></b></div></b></div></b></li></ul></div></div> <ul><i> </i></ul><ul><i> </i></ul><ul><i> </i></ul><i> </i></div><i> </i> |
Попробуй просто поискать в нэте выпадающее меню на .js. и под себя его подправь.
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!