Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Wyśrodkowanie poziomego menu w css ? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wyśrodkowanie poziomego menu w css ? (/thread-wy%C5%9Brodkowanie-poziomego-menu-w-css)

Wyśrodkowanie poziomego menu w css ? - jerzy79 - 23-06-2009

Witam wszystkich!. Jestem tu nowy, a na dodatek nie mam za wielkiego doświadczenia w webmasterce. Tak jak w temacie chciał bym wyśrodkować menu stworzone w html-u i css.

Kod html:
Kod:
<div id="menu">
<ul>
   <li><a href="index.html">Strona główna</a></li>
   <li><a href="ja.html">O mnie</a></li>
   <li><a href="ja.html">sciagni</a></li>
  </ul>
</div>
Kod css
Kod:
ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    
}

ul li {
    float: left;
}

ul a:link, ul a:visited {
    text-decoration: none;
    display: block;
    width: 120px;
    text-align: center;
    background-color: #535c48;
    color: #FFFFFF;
        font-weight: bold;
    border: 2px outset #000000;
    padding: 5px;
}

ul a:hover {
    border-style: inset;
    padding: 7px 3px 3px 7px;
}
Wiem że problem leży gdzieś we „float: left;” , wiem też że można go zastąpić „display: inline;” ale kiedy zastosuje taki układ mam pomiędzy przyciskami brzydkie odstępy z którymi nie potrafię sobie poradzić.
Proszę pomóżcie!!.

RE: Wyśrodkowanie poziomego menu w css ? - dziamber - 23-06-2009

Kod:
ul li {
        display: inline;
        padding-left: 4px;
        list-style: none;
}
Spróbuj tego, i następnym razem wpakuj kod w odpowiednie znaczniki

RE: Wyśrodkowanie poziomego menu w css ? - jerzy79 - 24-06-2009

Dzięki kolego za pomoc!. Pozdrawiam.