Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml] Centrowanie tekstu w bloku
Seth
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

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

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 ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
aBendi
post
Post #2





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 22.10.2004

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

Parametr oznaczający środek dla vertical-align to nie center, ale middle.


--------------------
Pozdrawiam
Most people prefer doors to windows.
Go to the top of the page
+Quote Post
wassago
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

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

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


--------------------
nouincolor.com | blog.olicio.us
Go to the top of the page
+Quote Post
Seth
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

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

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.
Go to the top of the page
+Quote Post
Michał Fikus
post
Post #5





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 17.03.2003
Skąd: Wejherowo

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

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ę.
Go to the top of the page
+Quote Post
Tomplus
post
Post #6





Grupa: Zarejestrowani
Postów: 1 879
Pomógł: 230
Dołączył: 20.03.2005
Skąd: Będzin

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

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,
Go to the top of the page
+Quote Post
mariuszn3
post
Post #7





Grupa: Zarejestrowani
Postów: 352
Pomógł: 0
Dołączył: 22.01.2006

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

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.
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 07:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn