Forum PHP.pl > [HTML][CSS] Jak wyśrodkować zawartość <li> ?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Jak wyśrodkować zawartość <li> ?

wasilek

10.05.2008, 06:22:32

Mam taki css:

Kod

#menu
{

    width: 100%;
    top: 0em;
    left: 0em;
    background: #3EED2C;
    height: 4.5em;
}

#menu ul
{
    list-style: none;
    bottom: 0em;
    left: 1em;
}

#menu li
{
    display: block;
    float: left;
}

#menu li a
{
    color: #fff;
    display: block;
    padding: 0.75em 1.25em 1.25em 1.25em;
    text-decoration: none;
}

#menu li a:hover
{
    background: #39A404;
}

A html mam taki:

Kod

<div id="menu">
    <ul>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
    </ul>
</div>

Co zmienic w css zeby wszystkie linki byly wycentrowane a nie po lewej stronie? Gdy w #menu li daje float: center; to nie dziala i wszystkie linki sie pokazuja pionowo zamiast poziomo ;/

baranek77

10.05.2008, 07:04:44

[HTML] pobierz, plaintext 
#menu li {
text-align:center;
 
}
[HTML] pobierz, plaintext

wasilek

10.05.2008, 07:20:36

Niestety, ale nadal te linki sa po lewej stronie ;/ Sam sobie nie umie z tym poradzic juz od 4 nad ranem

baranek77

10.05.2008, 07:53:36

a mzoe

[HTML] pobierz, plaintext 
#menu li a{text-align:center;}
[HTML] pobierz, plaintext

jezeli nie sprobuj mzoe wycentrowac marginesami li

wasilek

10.05.2008, 08:06:07

Niestety to tez nie dziala.. Co masz na mysli "wycentrowac marginesy li"?

baranek77

10.05.2008, 08:41:12

chodzilo ci o wycentrowanie calego menu tak ?

[HTML] pobierz, plaintext 
#menu ul
{
    margin:0px 25% 0px 25%;
    list-style: none;
    bottom: 0em;
    left: 1em;
}
[HTML] pobierz, plaintext

woj_tas

10.05.2008, 08:42:44

[HTML] pobierz, plaintext 
#menu
{
 
    width: 100%;
    top: 0em;
    left: 0em;
    background: #3EED2C;
    height: 4.5em;
}
 
#menu ul
{
    list-style: none;
    bottom: 0em;
    left: 1em;
text-align:center;
height:50px;
line-height:42px;
}
 
#menu li
{
    display: inline;
 
}
 
#menu li a
{
    color: #fff;
    display: inline;
    padding: 0.75em 1.25em 1.25em 1.25em;
    text-decoration: none;
}
 
#menu li a:hover
{
    background: #39A404;
}
[HTML] pobierz, plaintext

wasilek

10.05.2008, 08:45:13

Teraz jest wysrodkowane, ale nie wyswietlaja sie wszystkie pozycje.... ;/ Nie wiem kombinuje od samego poranka i nic nie pomaga;/

baranek77

10.05.2008, 08:46:59

jak sie nie wyswietlaja wszystkie to zmniejsz margines i juz;]

wasilek

10.05.2008, 08:47:41

przyznajcie wj_tas`owi pomógł.. dzięki pomogło

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.