Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml] Centrowanie tekstu w bloku
Seth
post 22.10.2004, 19:24:55
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:
  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. #top
  5. {
  6. background-color: white;
  7. border-bottom: 5px solid #00529F;
  8. height: 77px;
  9. }
  10.  
  11. #logo
  12. {
  13. width: 100px;
  14. float: left;
  15. vertical-align: center;
  16. }
  17.  
  18. #appTitle
  19. {
  20. width: auto;
  21. vertical-align: center;
  22. }
  23.  
  24. #additionalMenu
  25. {
  26. width: auto;
  27. float: right;
  28. vertical-align: center;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="top">
  34. <div id="logo"><img src="images/logo.gif" width="80" height="59" alt="logo" border="0" /></div>
  35. <div id="appTitle">Title</div>
  36. <div id="additionalMenu">Menu</div>
  37. </div>
  38. </body>
  39. </html>

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

Posty w temacie


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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 12:42