Jak zrobić takie Menu

[bubus_s]

Witam.

Chcę zrobić takie menu.
http://img156.imageshack.us/i/66369948.jpg/

W kodzie wygląda to tak:

<ul class="menu">
<li class="first"><a href="#">Strona główna</a></li>
<li><a href="#">Strona główna</a></li>
<li><a href="#">Strona główna</a></li>
<li><a href="#">Strona główna</a></li>
<li><a href="#">Strona główna</a></li>
</ul>

Niestety efekt jaki uzyskuje to taki:

http://img571.imageshack.us/i/36185587.jpg/



Kod wygląda następująco:

<ul class="menu">
<li>
<jdoc:include type="modules" name="user3" style="xhtml"/>
</li>
</ul>Ustawienia w Joomli:
http://img21.imageshack.us/i/96626957.jpg/

Do tego Kod CSS:

#top > ul.menu {
margin: 0;
padding: 0;
list-style-type: none;
float: right;
margin-top: 43px;
margin-right: 5px;
}
#top > ul.menu > li {
float: left;
padding-right: 6px;
padding-left: 6px;
background: url('images/menu_spacer.png') no-repeat;
}
#top > ul.menu > li.first {
background: none;
}
#top > ul.menu > li > a {
color: #ffffff;
text-decoration: none;
font-family: Verdana;
font-size: 14px;
}
#top > ul.menu > li > a:hover {
color: #dddddd;
}

[Gall Anonim]

Są inne rozwiązania niż main menu - Zrób sobie zwykłe graficzne

[bubus_s]

Hmm, nie do końca bo w przyszłości gdybym chciał zrobić sobie menu rozwijane bo taki mam zamiar da radę zrobić bez większego problemu?
Nie znam się aż tak na tym więc, proszę o waszą pomoc

[Gall Anonim]

Jako że Piszesz o przyszłości zapewne zdążysz się tego nauczyć, a hasło menu rozwijane również nie jest wąskim zagadnieniem. i nie do końca precyzuje, wygląd, strukturę i zachowanie menu.
Pzdr