меню с помощью списков

cx717 · April 6, 2008

Пытаюсь сделать обыкновенное меню. Разве что хочется с чтоб он было покрасивее.

Код:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
 <title></title>
 <style type="text/css">
 #main li{
 width:300px;
 height:50px;
 border:2px solid green;
 display:block;
 }
 #insert li{
 width:300px;
 height:20px;
 border:1px solid red;
 display:block;
 }
 </style>
</head>

<body>
<ul id="main">
 <li>Первый пункт
 <ul id="insert">
 <li>Первый подпункт</li>
 <li>Второй подпункт</li>
 <li>Третий подпункт</li>
 </ul>
 </li>
 <li>Второй пункт</li>
 <li>Третий пункт</li>
</ul>

</body>
</html>

Выглядит так:

http://a10vs1.fatal.ru/menu/menu.html

Явно видно, что "первый" и "второй" пункты как бы схлопнулись. Если убрать из строчки

<ul id="main">

id="menu", то все выглядит ok! Но хочется туда вообще засунуть бакграундом какую-нибудь фотку. Подскажите плз как быть. Я явно упустил какую-то тонкость.

Dimitry Wolotko · April 6, 2008

mmm Проблемы с в?рсткой

Sign In

меню с помощью списков

Question

cx717

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Dimitry Wolotko

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information