Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml] Centrowanie tekstu w bloku
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Seth
22.10.2004, 19:24:55
Mam taki oto kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. 	<head>
  4. 		<style>
  5. #top
  6. {
  7. 	background-color: white;
  8. 	border-bottom: 5px solid #00529F;
  9. 	height: 77px;
  10. }
  11.  
  12. #logo
  13. {
  14. 	width: 100px;
  15. 	float: left;
  16. 	vertical-align: center;
  17. }
  18.  
  19. #appTitle
  20. {
  21. 	width: auto;
  22. 	vertical-align: center;
  23. }
  24.  
  25. #additionalMenu
  26. {
  27. 	width: auto;
  28. 	float: right;
  29. 	vertical-align: center;
  30. }
  31. 		</style>
  32. 	</head>
  33. 	<body>
  34. 		<div id="top">
  35. 			<div id="logo"><img src="images/logo.gif" width="80" height="59" alt="logo" border="0" /></div>
  36. 			<div id="appTitle">Title</div>
  37. 			<div id="additionalMenu">Menu</div>
  38. 		</div>
  39. 	</body>
  40. </html>
[HTML] pobierz, plaintext

Problem z nim jest taki, ze w blokach logo, appTitle i additionalMenu tekst jak i obrazek nie jest wycentrowany (w pionie jak i w poziomie w przypadku loga) wzgledem wielkosci danego bloku.
Moge to ominac wprowadzajac odpowiednio padding ale chyba nie o to chodzi.

vertical-align powinno ustawic pionowe centrowanie ale tak nie robi :/

Moze mi ktos wyjasnic gdzie znajduje sie blad ?
aBendi
22.10.2004, 20:38:51
Parametr oznaczający środek dla vertical-align to nie center, ale middle.
wassago
22.10.2004, 21:06:55
co nie zmienia faktu ze ustawiony na middle i tak nie bedzie dzialac. wlasnie testuje jak to zrobic... wydaje mi sie ze vertykalnie wysrodkowac mozna elementy inline a nie blokowe. blokowe mozna zrobic tylko poprzez paddingowanie procentowe. jak wykombinuje cos to dam znac winksmiley.jpg
Seth
23.10.2004, 01:29:40
Pogooglgowalem i dowiedzialem sie, ze wlasnie vertical sluzy tylko do tabel, a w divach trzeba kombinowac z padding lub margin... heh a przydalo by sie cos takiego jak vertical smile.gif

Tak czy inaczej problem rozwiazalem przez padding.
Michał Fikus
26.10.2004, 18:04:39
No nie zupełnie vertical tyczy się tylko tabel - można bez problemowo używać go choćby przy obrazkack, span`ach itd.

A co do tematu - interesujący pomysł by rozwiązać to bez paddingów - ja zawsze ich używałem, lecz teraz mam nad czym pogłówkować smile.gif
Dam znać jak coś wymyślę.
Tomplus
19.04.2006, 16:57:40
stary topic, ale problem jak najbardziej świeży i dot. również tego topicu

mam kodzik:
[HTML] pobierz, plaintext 
  1. <div id="logo">
  2.   <img src="" title="obrazek" alt="obrazek"/>
  3. </div>
[HTML] pobierz, plaintext


i tak jak kolega mam proble z vertical-align: middle; jak również zastosowanie innych wartości -50%, -60px do wyśrodkowania

może wpadł już ktoś na pomysł jak to zrobić na bloczkach?
bo z tego co ja tutaj czytam to tylko rozwiązanie jest do liniowych,
mariuszn3
19.04.2006, 23:46:39
Już dosyć dużo było na ten temat.
Zobaczcie tutaj.
Też riddle właśnie o tym pisał.
Też sporo info i odnośników znajdziecie tutaj.
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.