Горизонтальный список с подпунктами

[klim_off]

Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида:

подпункт_1

подпункт_2

подпункт_3

пункт_1 пункт_2 пункт_3 пункт_4

При возможности это необходимо сделать средствами именно списка.

Бьюсь уже 2 дня ничего толкового не выходит. Спасибо

Вот что я натворил ) Простите за кривость )

<style type="text/css">
.clearfix li {
float: left;
margin-left: 30px;
}

.ff li {
margin-left: 1px;
display: block;
float:none;
margin-top: -35px;
}

.dd {
display: block;
padding-left: 40px;
float: left;


}
.ff {
display: block;
margin-left: -40px;
margin-top: -40px;
}

</style>
<ul class="clearfix">
<li ><a href="#"> пункт 1 </a>
</li>
<li><a href="#" class="currentpage"> пункт 2  </a>
<ul  class='ff'>
<li ><a href="#"> подпункт_1 </a>
</li>
<li ><a href="#"> Подпункт_2 </a>
</li></ul>
</li>
<li ><a href="#"> пункт 3 </a>
</li>
</ul>
</div>

[deadrash]

Поищите тут http://www.cssplay.co.uk/menus/

может быть этот? http://www.cssplay.co.uk/menus/flyout2.html

[klim_off]

Поищите тут http://www.cssplay.co.uk/menus/

может быть этот? http://www.cssplay.co.uk/menus/flyout2.html

Спасибо, Мне не нужно всплывающее, просто список с подпунктами наверху..

похожее на это, http://www.cssplay.co.uk/menus/c1sissy.html только подпункты вверху

Edited January 30, 2011 by klim_off

[psywalker]

Спасибо, Мне не нужно всплывающее, просто список с подпунктами наверху..

похожее на это, http://www.cssplay.co.uk/menus/c1sissy.html только подпункты вверху

Ну а в чём проблема? Почему бы не написать такой самому?

Если хочешь, чтобы за тебя сделали, напиши мне свою аську на почту, там и поговорим. psywalker09@gmail.com

[klim_off]

Ну а в чём проблема? Почему бы не написать такой самому?

Если хочешь, чтобы за тебя сделали, напиши мне свою аську на почту, там и поговорим. psywalker09@gmail.com

Не хочу чтобы делали за меня. У меня не так много опыта, но я поднапрягся и получилось вот это:

работает в мозиле, опере, сафари, хроме.. Но в ие вообще не отображает подпункты, пожалуйста дайте наводку. Спасибо.

<style type="text/css">

.menu {
padding: 0px;
margin: 0px;

}
.menu li {
display: inline;
float: left;
width: 100px;

}


.ff {
float: left;
padding: 0px;
margin: 0px;
}


.ff li {
display: block;
float: none;
margin-top: -40px;
padding-top: -40px;
}


</style>




<br><br><br><br>
<div> 
<ul class="menu">
<li ><a href="#"> пункт1 </a>
</li>
<li><a href="#"> пункт2 </a>
<ul class="ff">
<li ><a href="#">  43534  </a>
</li>
<li ><a href="#"> подпункт2 </a>
</li></ul>
</li>
<li ><a href="#"> пункт 3 </a>
</li>
</ul>
</div>