Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z ustawieniem tekstu w menu
Forum PHP.pl > Forum > Przedszkole
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
  1. <div id="horizontalmenu">
  2. <ul id="hmenu">
  3. <li><a href="http://localhost/scripts/kohana/home">Strona główna</a></li>
  4. <li><a href="http://www.yahoo.com">Galeria</a></li>
  5. <li><a href="http://www.yahoo.com">Filmy</a></li>
  6. <li><a href="http://www.yahoo.com">Download</a></li>
  7. <li><a href="http://www.yahoo.com">Kontakt</a></li>
  8. </ul>
  9. </div>


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;
}
athei
Poszukaj czegoś dla siebie http://css.maxdesign.com.au/listamatic/index.htm
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.