• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Выпадающее меню.
Ostim
Сообщений: 3
Репутация: 0

Сообщение # 1 | 19:39:38
Помогите, пожалуйста! Пытаюсь сделать горизонтальное меню, но что-то плохо получается. Никак не могу сделать выпадающее подменю. И если окно браузера сделать меньше, то меню переноситься. Как сделать его резиновым?

Сайт: 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>
Romchik_Ya
Сообщений: 241
Репутация: 27

Сообщение # 2 | 21:43:31
Попробуй просто поискать в нэте выпадающее меню на .js. и под себя его подправь.
Ostim
Сообщений: 3
Репутация: 0

Сообщение # 3 | 20:53:53
Вопрос актуален
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!