Верхнее меню из картинок!

[sta1k3r]

Народ помогите разобрать с верхним меню..

 начинаю делать все нормально вроде как но отображает не горизонтально а вертикально.. как сделать правильно?

Вот код:

Код:

<div id="menu">
<ul class="mainlevel">
  <li id="item1"><a href="#" class="mainlevel" ></a></li>
<li id="item2"><a href="#" class="mainlevel" ></a></li>
  <li id="item3"><a href="#" class="mainlevel" ></a></li>
                <li id="item4"><a href="#" class="mainlevel" ></a></li>
                <li id="item5"><a href="#" class="mainlevel" ></a></li>
</ul>

и Css:

Код:

ul.mainlevel li {
 display:none;
}
li#item1 a {
display:block;
width:231px;
height:68px;
background:url(../images/glavn.png) no-repeat;
}
li#item2 a {
display:block;
width:231px;
height:68px;
background:#3C3;
}
li#item3 a {
display:block;
width:231px;
height:68px;
background:#096;
}

[Adeptus]

display:inline;
floaf:left;

[sta1k3r]

куда?

[Adeptus]

Ну в ксс конечно же...

[sta1k3r]

да это понятно . .и изменял уже .. если туда писал).. и все равно тоже самое

[sta1k3r]

все норм .. сделал ) спасибо

[liliya1919]

Вот я сделала все один в один, но у меня не появились картинки, текста меню тоже нет, только точки по вертикали и все((((

Код:

li#item524 a {
display:inline;
  margin-left:150px;
  floaf:left;
width:145px;
height:146px;
background:url(/templates/vt_coffee/images/foto_rol.png);
}
li#item525 a {
display:inline;
  floaf:left;
width:146px;
height:46px;
background:url(/templates/vt_coffee/images/korr.png);
}
li#item526 a {
display:inline;
  floaf:left;
width:145px;
height:46px;
background:url(/templates/vt_coffee/images/zakaz.png);
}
li#item527 a {
display:inline;
floaf:left;
width:145px;
height:46px;
background:url(/templates/vt_coffee/images/kontakt.png);
}

Код:

<!-- /////////////////// VTEM MENU ///////////////////////////////-->
            <div id="vt_main_menu">
                <div id="menu">
 
   <ul class="mainlevel">
 <li id="item435"><a href="#" class="mainlevel" title="Главная"><span></span></a></li>
 <li id="item524"><a href="#" class="mainlevel" title="Контакты"><span></span></a></li>
 <li id="item525"><a href="#" class="mainlevel" title="Новости"><span></span></a></li>
 <li id="item526"><a href="#" class="mainlevel" title="Контакты"><span></span></a></li>
 <li id="item527"><a href="#" class="mainlevel" title="Новости"><span></span></a></li>
</ul>
  </div>
             
            </div> 
     </div> 
     <div class="clr"></div>   
   </div>     
     </div> 
         
         <!-- /////////////////// END VTEM MENU ///////////////////////////-->   

Что не так? сто раз проверяла ошибок не нашла(((

Вот без итемов,а просто линками все получается. Но мне надо чтобы была привязка именно по меню, иначе не могу установить 2 уровень меню для определенных страниц((((

[liliya1919]

Неужели никто не подскажет?(((