przystosowanie do rozdzielczości

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
chorazy5
Nowy
Nowy
Posty: 31
Rejestracja: czw sie 30, 2007 5:15 pm

przystosowanie do rozdzielczości

Post autor: chorazy5 »

Witam. Mam taki dość drażniący problem.

Kod: Zaznacz cały

www.wpwt.byethost13.com/new.html

Zobaczcie jak to wygląda w rozdzielczości 1024x768 i większych. W tych większych np. 1440x900 wsyzstko jest tak jak trzeba, ale w w 1024x768 przycięta jest ta komórka z napisem "Twój text". Dlaczego tak się dzieje?
azamo
Nowy
Nowy
Posty: 75
Rejestracja: pn sty 29, 2007 12:45 am
Lokalizacja: Swarzędz
Kontakt:

Re: przystosowanie do rozdzielczości

Post autor: azamo »

W Firefoksie to w ogóle nie wygląda, nic się u mnie nie wyświetla. Nie masz taga html; body, table są niedomknięte. To NIE jest prawidłowy kod strony internetowej...

Kod: Zaznacz cały

<body text="white" background="http://www.allegro-szablon.totalh.com/Fotografia/2/back.jpg">
<center>
<table cellspacing="0" cellpadding="0">
<tr>
<td height="60" width="254" background="http://www.allegro-szablon.totalh.com/Fotografia/2/1.jpg"></td>
<td height="60" width="567" background="http://www.allegro-szablon.totalh.com/Fotografia/2/2.jpg"><center><font size="4"><b>Tu Twój text</b></font></center></td>
<td height="60" width="203" background="http://www.allegro-szablon.totalh.com/Fotografia/2/3.jpg"></td>
</tr>
</table>
<table cellspacing="0" cellpadding="0">
<tr>
<td height="194" width="1024" background="http://www.allegro-szablon.totalh.com/Fotografia/2/4.jpg"></td>
chorazy5
Nowy
Nowy
Posty: 31
Rejestracja: czw sie 30, 2007 5:15 pm

Re: przystosowanie do rozdzielczości

Post autor: chorazy5 »

Tak tak wiem o tym. Dałem taką małą próbkę na pokazanie. Całość też nie łupie. Ale to dziwne, że u Ciebie nic się nie wyświetla. Zobacz teraz.
azamo
Nowy
Nowy
Posty: 75
Rejestracja: pn sty 29, 2007 12:45 am
Lokalizacja: Swarzędz
Kontakt:

Re: przystosowanie do rozdzielczości

Post autor: azamo »

Zmień kolor tekstu, możliwe że za pierwszym razem nie zauważyłem go (biały tekst na białym tle).
W każdym razie teraz u mnie wszystko jest ok i w Firefoksie, i w IE6. W jakiej przeglądarce masz z tym problemy?
chorazy5
Nowy
Nowy
Posty: 31
Rejestracja: czw sie 30, 2007 5:15 pm

Re: przystosowanie do rozdzielczości

Post autor: chorazy5 »

Dam wam fotke porównawczą jak jest, a jak powinno być:
Obrazek
ooo_michal
Przelotem
Przelotem
Posty: 245
Rejestracja: śr kwie 18, 2007 9:06 am

Re: przystosowanie do rozdzielczości

Post autor: ooo_michal »

Musisz jeszcze ustalić szerokość dla tabelek.
Poza tym:
- Stosuj style
- Tabele zastąb div'ami
Twój kod, poprawiony, żeby działało:

Kod: Zaznacz cały

<html>
<body text="green" background="http://www.allegro-szablon.totalh.com/Fotografia/2/back.jpg">
<center>
<table cellspacing="0" cellpadding="0" width="1024">
<tr>
<td height="60" width="254" background="http://img178.imageshack.us/img178/3249/64603026vg9.jpg"></td>
<td height="60" width="567" background="http://img215.imageshack.us/img215/3317/30916054ci9.jpg"><center><font size="4"><b>Tu Twój text</b></font></center></td>
<td height="60" width="203" background="http://img215.imageshack.us/img215/2848/69062278mn8.jpg"></td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="1024">
<tr>
<td height="194" width="1024" background="http://img242.imageshack.us/img242/9038/13622451hu7.jpg"></td>
</tr>
</table>
</center>
</body>
</html>
Mój kod:

Kod: Zaznacz cały

<html>
<body style="color: green; background-image: url('"http://www.allegro-szablon.totalh.com/Fotografia/2/back.jpg')">
	<div style="width: 1024px; margin:10px auto;">
		<div style="height: 60px; width:254px; float: left; background-image: url('http://img178.imageshack.us/img178/3249/64603026vg9.jpg')"></div>
		<div style="height: 60px; width:567px; float: left; background-image: url('http://img215.imageshack.us/img215/3317/30916054ci9.jpg')"></div>
		<div style="height: 60px; width:203px; float: left; background-image: url('http://img215.imageshack.us/img215/2848/69062278mn8.jpg')"></div>
		<div style="height: 194px; clear:both; background-image: url('http://img242.imageshack.us/img242/9038/13622451hu7.jpg')"></div>
	</div>
</body>
</html>
chorazy5
Nowy
Nowy
Posty: 31
Rejestracja: czw sie 30, 2007 5:15 pm

Re: przystosowanie do rozdzielczości

Post autor: chorazy5 »

Dzięki wielkie. Problem rozwiązany.
ODPOWIEDZ