[CSS][HTML] Wysrodkowanie zawartości wierszy w tabeli Opcje

[sojomail]

Dzien dobry,

naprawde wymiekam - poswiecilem uczciwie 3h na rozwiazanie tego "problemu" i nie moge sobie poradzic.

Zalezy mi aby tabela - skladajaca sie z jednej kolumny i 3 wierszy byla zawsze w srodku okna przegladarki.

w CSS wpisalem tak:

CODE

.table1 {
position: absolute;
left: 30%;
top: 10%;
right: 30%;
bottom: 10%;
}

nie jest to moze to co chcialem osiagnac, ale daje przyblizony efekt.

OK, ale jak sie uporac w CSS aby zawartosci wierszy (w tym przypadku po 1 jpg w wierszu), byly wysrodkowane.

Nie ma sensu wklejac moich wypocin.

Probowalem przez <tr class="tr1"> i w pliku zew. CSS wpisywalem, align, text-align, nic nie daje.
tr align nic nie daje, td align nic nie daje itd itd.

to jest zawartosc mojego CSS

CODE

BODY {
background-color: black;
text: white;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0%;
margin-right: 0%;
}

Dziekuje za pomoc. (IMG:style_emoticons/default/wstydnis.gif)

[Shadowsword]

Przydałby się plik html, albo adres do strony.

No i chcesz wyśrodkować zawartość pionowo, czy poziomo (teorii pionwo powinno być od razu)?

[r4xz]

[CSS] pobierz, plaintext 
 
table 
 
{  
 
    width:200px; margin-left: -100px;
 
    height:150px; margin-top: -75px;
 
    position:absolute; top:50%; left:50%;
 
}
 
 
[CSS] pobierz, plaintext 

działa, jedno ale...

...musisz mieć dokładnie określoną wysokość i szerokość tabeli.

[Adis92]

Jeżeli chcesz wyśrodkować tabele to spróbuj tak:

[CSS] pobierz, plaintext 
table{
margin: 0 auto;
width : 222px; /* zamiast 222 podaj własną wielkość */
text-align: center;
}
[CSS] pobierz, plaintext 

Ten post edytował Adis92 30.08.2009, 00:11:54

[mls]

Zaś aby wyśrodkować obrazki w tabeli:

[CSS] pobierz, plaintext 
td {
    text-align: center;
    vertical-align: middle;
}
 
td img {
    vertical-align: middle;
}
[CSS] pobierz, plaintext 

[sojomail]

dzikuje serdecznie wszystkim za pomoc !
dziala jak nalezy (IMG:style_emoticons/default/smile.gif)

pozdrawiam !
(IMG:style_emoticons/default/guitar.gif)