Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wyśrodkowanie wertykalne w DIVie - jak zrobić?
gWd
post
Post #1





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 17.09.2006

Ostrzeżenie: (0%)
-----


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.

Ten post edytował gWd 17.11.2006, 09:01:21
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
envp
post
Post #2





Grupa: Zarejestrowani
Postów: 359
Pomógł: 1
Dołączył: 16.04.2006
Skąd: Łódź

Ostrzeżenie: (0%)
-----


Hmm, ale namotałeś (IMG:http://forum.php.pl/style_emoticons/default/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
Go to the top of the page
+Quote Post
TomASS
post
Post #3





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

Ostrzeżenie: (0%)
-----


Może podglądnąć jak to jest zrobione w problemach typu dead center (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
gWd
post
Post #4





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 17.09.2006

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 23:09