zle wyswietlanie

0

witajcie, jestem tu nowy, mam nadzieje ze mi pomozecie, tworze prostą stronke, nizej zamieszczam kod, chodzi o to że w przeglądarce operze rozjeżdza się Galeria, czym to moze byc spowodowane?

Moglibyscie zobaczyc co to powoduje i ew inne bledy w kodzie? cos poprawic ? :) pzdr, jestem poczatkujacym

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<title>tytul</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" href="style.css" type="text/css">
<body>

<table align="center" width="795" cellpadding="0" cellspacing="0" style="border:1px solid #85B64B">
			

			
			</td></tr>
			
			<tr>
			<TD class="top1"></td>
			<TD class="top2"></td>
			<TD class="top3"></td>
			<TD class="top4"></td>
			</tr>
			
			<tr><TD class="toptt" colspan="4">
			<a href="index.html">START</a> |
			<a href="ofirmie.html">O FIRMIE</a> |
			<a href="oferta.html">OFERTA</a> |
			<a href="promocje.html">PROMOCJE</a> |
			<a href="kontakt.html">KONTAKT</a> | 
			</td></tr>
			
			<TR><TD colspan="4">
			
			<table width="780" cellspacing="15" cellpadding="3" align="center">
			<TR>
			<TD width="20%" class="tr" valign="top">
					<B>GALERIA</b><BR>
					<img src="images/zd1.jpg" align="left" alt="">
					<img src="images/zd2.jpg" align="left" alt="">
					<img src="images/zd3.jpg" align="left" alt="">
					<img src="images/zd1.jpg" align="left" alt="">
					<img src="images/zd2.jpg" align="left" alt="">
					<img src="images/zd3.jpg" align="left" alt="">	
			</td>
			
			<TD width="80%" class="tr" valign="top">
					<B>WITAMY</b><BR>
					<fieldset>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</fieldset>

			</td>
			

			</td>
			
			</tr></table>
			
			
			</td></tr>
									
			<TR><TD colspan="4">
			<Table width="795" cellspacing="0" cellpadding="0" align="center">
			<Tr>
			
			</tr></table>
			
			
			<table width="780" cellspacing="10" cellpadding="3" align="center">
			<TR>
			

			</td>
			
			</tr></table>
			
			
			</td></tr>
			
			<tr><TD colspan="4">
			
			<table  class="stopa" cellspacing="0" cellpadding="0" width="100%">
			<TR><TD class="stopa">
			
			
			</td><TD class="stopa" align="right">
			<a href="http://validator.w3.org/check?uri=referer" target="_blank">Valid HTML</a> | 
			Szablon by <a href="http://szabloniki.com" target="_blank" title="szablony">Sliffka</a> 			
			</td></tR></table>
			</td></tr>
</table>
</body>
</html>

ktos ma jakies sugestie czemu w Operze sie rozjezdza galeria?

0

nie wiem co jest w style.css
nie wiem co znaczy że się rozjeżdża
i kto w 2011 używa html 4? xhtml lub html5

0

Z tabelkami możesz mieć problem. Poczytaj o tworzeniu szablonów na divach (float, position, clear).

0 
<table align="center" width="795" cellpadding="0" cellspacing="0" style="border:1px solid #85B64B">
                        </td></tr> <!-- tutaj -->
                        <tr>

Tabelki są niebezpieczne a jeszcze bardziej jak się coś zamyka co nie zostało otwarte.

0
massther napisał(a)

i kto w 2011 używa html 4? xhtml lub html5

Różni mądrzy ludzie i pełno debili, jak w przypadku każdego innego rozsądnego języka.

Używanie HTML-a 4.01 jest w dzisiejszych czasach perfekcyjnie OK. Pewnie nawet lepiej używać tego niż XHTML-a -- bo po co używać XHTML-a, gdy w ogromnej większości przypadków jest to zbędne i nie ma żadnych korzyści, no i nawet nie będziemy w stanie tego zrobić jak należy? (i przeglądarka będzie traktowała nasz niby-XHTML jako pełny błędów HTML?)

HTML5 jest super i parę rzeczy może nam ułatwić, nawet jak się nie użyje nowych tagów. Nie są to jednak rzeczy krytyczne.

Specyfikacja HTML-a 5 nie jest jeszcze ukończona. Stosowanie XHTML-a jest zwykle zbędne i nierozsądne. Najnowszą stabilną, zatwierdzoną wersją HTML-a jest 4.01. Więc można dziś pisać witryny w 4.01.

W praktyce można też w HTML-u 5, bo niejako przeglądarkom samo wychodzi obsługiwanie go. Tzn. można użyć tych paru uproszczeń (prosty DOCTYPE, pomijanie atrybutu type gdzie i tak był niepotrzebny) i przeglądarki w pełni zrozumieją o co chodzi. Można użyć kilku dalszych rzeczy (np. nowe atrybuty <input type...>, np. email), które w starszych przeglądarkach zostaną superbezpiecznie zinterpretowane jako starsze wersje tych rzeczy bez fajerwerków (czyli input type="email" zostanie najwyżej zinterpretowane jako input type="text").

Nie wolno jednak mówić, że jak ktoś woli pozostać przy rozsądnej, aktualnej wersji HTML-a to postępuje dziwnie lub głupio.

Natomiast postępuje tak nie korzystając z DOCTYPE-u Strict, tylko Transitional. Albo robiąc layout na tabelkach. Albo wbijając kodowanie znaków za tytułem strony. Ale to już inna historia :).

0

chyba po prostu wywale tą galeria z którą mam problem, bo reszta jest okey . jest jakis program, która sprawdzi i sam poprawi jakies bledy w kodzie? np. domknięcia czy cos takiego ?

0

@janekk:
Jest HTML Tidy, ale on cudów nie zdziała. Dobry kod pisze się zwykle ręcznie. Dobry frontend developer potrafi sam zamknąć tagi. Rozumie ich strukturę i rozumie komunikaty błędów walidatora.

Zauważ, że w tym kodzie, który wkleiłeś, panuje bałagan. Nie chodzi o to, że kod jest przestarzały i wykorzystuje archaiczne konstrukcje w rodzaju tabelek dla layoutu. To wynika ze złej edukacji lub z faktu, że autor kodu jest początkujący. Natomiast jest tam też tak, że nazwy tagów pisane są raz wielkimi literami, raz małymi, a raz jakoś zupełnie bez sensu (</tR>). Formatowanie jest dziwne i niespójne. Losowo wybrane tagi są wcięte o losową liczbę spacji. To jest po prostu niechlujne i świadczy o tym, że komuś się nie chciało przysiąść i posprzątać kodu -- lub po prostu nie olśniło go jeszcze, że takie coś jest potrzebne. Polecam się tym zająć, bo zadbanie o to nie jest trudne, a w zasadzie jest warunkiem koniecznym (choć nie wystarczającym) do zostania pro ;).

[Aha: jeśli ten kod HTML został wygenerowany z szablonów po stronie serwera i kod tych szablonów jest schludnie powcinany, to moje dywagacje na temat spacji i formatowania nie mają zastosowania]

1 użytkowników online, w tym zalogowanych: 0, gości: 1