Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wyśrodkowanie wertykalne w DIVie - jak zrobić?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
gWd
Poniżej kod na oparty tabelce. Ponieważ muszę elementy rozmieszczać w poziomie, a nie wiem ile ich będzie, to trzeba to zrobić na divach. Problem polega na tym, że nie wiem jak uzyskać wyrównanie tekstu do środka obrazka, który jest wyższy od tekstu z prawej komórki.

Kod

<table><tr>
<td><a href="#">
  <img src="foto.jpg">
</a></td>
<td style="vertical-align:middle;"><div>
  <h3>NAZWA</h3>
  <h2>nazwa</h2>
  <div>opis</div>
  <a href="#">więcej</a>
</div></td>
</tr></table>



EDIT
Kurcze, chyba za długo pracuję. Oczywiście chodziło mi o "vertical-align" a nie "text-align". Przykład już poprawiony.
envp
Hmm, ale namotałeś smile.gif

w div po prawej margin: auto;

a to wszystko w divie z vertical-align: center;

lub w td z valign = top;

ostrzegam, że z tym są lekkie problemy jeśli chodzi o css + div, ale google'uj
TomASS
Może podglądnąć jak to jest zrobione w problemach typu dead center smile.gif
gWd
TomASS dzięki za pomoc. Przykład jest fajny, ale trzeba znać wysokość bloku, który chcemy wycentrować wertykalne. W moim przypadku jest on wypełniany dynamicznie, stąd jego wysokości nie znam. Chyba będę musiał powstawiać każdy blok w osobnej tabelce.
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.