[HTML][CSS] Problem z ustawieniem tekstu w menu Opcje

[Matado]

Mam problem z ustawieniem tekstu w menu poziomym. Chciałbym osiągnąć taki efekt jak na obrazku to znaczy linki wyrównane na środku tła i równych odstępach. Jak można to zrobić pisząc jak najmniej kodu?

Link do obrazka z menu: http://i44.tinypic.com/aaa9w6.jpg

Kod menu:

XHTML

[HTML] pobierz, plaintext 
<div id="horizontalmenu">
<ul id="hmenu">
    <li><a href="http://localhost/scripts/kohana/home">Strona główna</a></li>
    <li><a href="http://www.yahoo.com">Galeria</a></li>
    <li><a href="http://www.yahoo.com">Filmy</a></li>
    <li><a href="http://www.yahoo.com">Download</a></li>
    <li><a href="http://www.yahoo.com">Kontakt</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

CSS

Kod

#horizontalmenu {
    background-image: url("../images/menu.jpg");
    overflow: hidden;
}

#hmenu {
    height: 35px;
}

ul#hmenu, ul#hmenu li  {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#hmenu li {
    display: inline;
    white-space: nowrap;
}

ul#hmenu a:link, ul#hmenu a:visited {
    text-decoration: none;
    font: 14pt Times New Roman;
    color: #fff;
}

Ten post edytował Matado 19.06.2009, 13:20:04