Выпадающее меню

Uljashka · May 15, 2010

Уважаемые господа! Всем доброго времени суток. Помогите, пожалуйста, начинающему(ей) изучать HTML и CSS. "Состряпала" я меню. (Посмотреть здесь: http://lady-mebel.narod.ru/222.html ) В Firefox съезжают DIV'ы: выпадающее меню выпадает сбоку от таблицы. В Опере и IE8 выпадает там, где надо, правда, в Опере строки ссылок выпадающего меню неровные, а в IE8 они совсем обрезаны с правого края. Но с этим я попробую справиться самостоятельно. Пока "борюсь" с "уехавшими" DIV'ами в FF.

Объясните, пожалуйста, в чем ошибка. Или подскажите, где почитать про это. Статью "Каждому браузеру свой стиль" в разделе "Рецепты CSS" прочитала, но там все больше про IE.

Вот код страницы:

<html>

<head>

<title>Народ.Ру: Новая страница</title>

ul *{margin:0 auto}

ul li{list-style-type:none;display:inline}

li a{font-family:Tahoma,Helvetica,sans-serif;text-decoration:none;color:#fff}

li a{display:block;float:left;padding:4px 10px;background:#193D6A}

li a:hover{background:#408BE8;padding:7px 14px;position:relative;top:-3px}

</style>

</Script>

</head>

<body>

<TR>

<TD>

<ul>

<li><a href="#"; style="width:">Кухни</a></li>

<li><a href="#">Шкафы-купе</a></li>

<li><a href="#">Детская мебель</a></li>

</ul>

</TD>

</TR>

</table>

</DIV>

<tr>

<td width=><a style="text-decoration:none" href="">FRANKE</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu2_2</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu2_3</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu2_4</a></td>

</tr>

</table>

</DIV>

<tr>

<td width=100><a style="text-decoration:none" href="">Baumatic</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu3_2</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu3_3</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu3_4</a></td>

</tr>

</table>

</DIV>

<tr>

<td width=100%><a style="text-decoration:none" href="">Готовые решения</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">Выполненные заказы</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu3_3</a></td>

</tr>

<tr>

<td><a style="text-decoration:none" href="">SubMenu3_4</a></td>

</tr>

</table>

</DIV>

<TR>

<TD>

<ul>

<li ><a href="#">Главная</a></li>

<li><a href="#">О сайте</a></li>

<li onMouseOver="show(this,'submenu1')"><a href="#">Мебель</a></li>

<li onMouseOver="show(this,'submenu2')"><a href="#">Мойки</a></li>

<li onMouseOver="show(this,'submenu3')" ><a href="#">Техника</a></li>

<li onMouseOver="show(this,'submenu4')"><a href="#">Фотогалерея</a></li>

<li><a href="#">Контакты</a></li>

</ul>

</TD>

</TR>

</TABLE>

</body>

</html>

psywalker · May 16, 2010

1) На будущее. Помещай код в спец.теги

2) Учишься верстать, добро пожаловать http://stepbystep.htmlbook.ru/

3) В след. раз делай меню чисто на списках UL, без всяких таблиц. Мало того, погоди пока с выпадающими и прочими делами, для начала изучи основу.

Sign In

Выпадающее меню

Question

Uljashka

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information