Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Wyśrodkowanie w pionie i w poziomie
Maxik
post
Post #1





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

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


Mam mały problem. Mianowicie chciałbym aby obrazek był wyśrodkowany w pionie i jednocześnie w poziomie:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <meta name="Generator" content="CoreEditor">
  4. <title>Tytuł</title>
  5. </head>
  6. <body bgcolor="#D2C466">
  7. <table border="0" cellspacing="0" cellpadding="0">
  8. <tr><td align="center" valign="middle"><img src="soon.png" border="0"></td></tr>
  9. </body>
  10. </html>


Niestety ten kod wyśrodkowuje obrazek jedynie w poziomie. Napewno można to zrobić za pomocą <br>, ale czy jest jakieś inne rozwiązanie?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
MiFlo
post
Post #2





Grupa: Zarejestrowani
Postów: 92
Pomógł: 4
Dołączył: 12.09.2006
Skąd: 127.0.0.1

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


Jeżeli już robisz tabelkami to:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  3. <meta name="Generator" content="CoreEditor">
  4. <title>Tytuł</title>
  5. </head>
  6. <body bgcolor="#D2C466">
  7. <table border="0" cellspacing="0" cellpadding="0">
  8. <tr><td style="width: 100%; height: 100%;">
  9. <table border="0" cellspacing="0" cellpadding="0">
  10. <tr><td align="center" valign="middle"><img src="soon.png" border="0"></td></tr>
  11. </td></tr>
  12. </body>
  13. </html>


Troszeczkę nie według standardów ale powinno działać.
Go to the top of the page
+Quote Post
nitek
post
Post #3





Grupa: Zarejestrowani
Postów: 209
Pomógł: 37
Dołączył: 27.02.2008
Skąd: Kwidzyn

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


zainteresuj się stroną http://www.intensivstation.ch/files/en_templates/temp11.html - tam w jednym z layout'ów wyśrodkowany jest div w sposób który chcesz uzyskać. W ten sam sposób możesz wyśrodkować obrazek. podkreślę tylko, że jest to zrobione na pozycjonowaniu absolutnym.. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


edit:
Sorry MiFlo, ale Twój kod nie ma prawa działać (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował nitek 19.05.2008, 20:18:53
Go to the top of the page
+Quote Post
Maxik
post
Post #4





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

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


nitek, jesteś wielki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Dokładnie o to mi chodziło (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) Co prawda obrazek jest większy i będę musiał kombinować z cssem, ale to i tak krok naprzód (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Dziękuję
Go to the top of the page
+Quote Post
nitek
post
Post #5





Grupa: Zarejestrowani
Postów: 209
Pomógł: 37
Dołączył: 27.02.2008
Skąd: Kwidzyn

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


spoko - się polecam się (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

w tych stylach które będziesz przerabiał padding, czy tam margin (nie pamiętam), to połowa szerokości diva (w twoim przypadku obrazka) - tak podpowiadam, bo sam już to przerabiałem kiedyś (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Maxik
post
Post #6





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

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


Tyle to już się w css orientuję (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Po drobnych zmianach, jest mniej więcej na środku.
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 - 16:10