Forum PHP.pl > [HTML][CSS]Wyśrodkowanie w pionie i w poziomie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Wyśrodkowanie w pionie i w poziomie

Maxik

19.05.2008, 20:08:32

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

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Generator" content="CoreEditor">
  <title>Tytuł</title>
</head>
<body bgcolor="#D2C466">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" valign="middle"><img src="soon.png" border="0"></td></tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext

Niestety ten kod wyśrodkowuje obrazek jedynie w poziomie. Napewno można to zrobić za pomocą <br>, ale czy jest jakieś inne rozwiązanie?

MiFlo

19.05.2008, 20:11:59

Jeżeli już robisz tabelkami to:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="Generator" content="CoreEditor">
<title>Tytuł</title>
</head>
<body bgcolor="#D2C466">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td style="width: 100%; height: 100%;">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" valign="middle"><img src="soon.png" border="0"></td></tr>
</table>
</td></tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext

Troszeczkę nie według standardów ale powinno działać.

nitek

19.05.2008, 20:14:30

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..

edit:
Sorry MiFlo, ale Twój kod nie ma prawa działać

Maxik

19.05.2008, 20:30:23

nitek, jesteś wielki

Dokładnie o to mi chodziło

Co prawda obrazek jest większy i będę musiał kombinować z cssem, ale to i tak krok naprzód

Dziękuję

nitek

19.05.2008, 20:35:53

spoko - się polecam się

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ś

Maxik

19.05.2008, 20:39:23

Tyle to już się w css orientuję

Po drobnych zmianach, jest mniej więcej na środku.

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.