[HTML] Problem z szerokością tabelki.

[kz]

Witam. Stworzyłem tabelkę, która na stronie będzie pełnić funkcję stopki. Ale nie to jest ważne... Tabelka nie działa prawidłowo! :/ Chodzi głównie o jej szerokość. Proszę zobaczyć (pod tym linkiem również szczegółowy opis problemu):
[url]http://koza_aukcje.w.interia.pl/ts/tabelka.html[/url]
A oto kod tabelki:
[xml]<table border="0" cellspacing="0" cellpadding="0" bgcolor="#EAEAAE" width="50%"><tr><td colspan="2"><img src="kreska_dol1.gif"></td></tr><tr><td bgcolor="#ffcccc" width="5%" border="0" bordercolor="#993366" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px"><div align="center"><img src="http://adstat.4u.pl/s4u.gif"></td><td width="95%" border="0" bordercolor="#993366" style="border-right-style: solid; border-right-width: 1px"><font class="malytext">tekst1</td></tr><tr><td width="5%"><img src="kreska_statystyki_odwiedzin.gif"></td><td width="95%" border="0" bordercolor="#993366" style="border-right-style: solid; border-right-width: 1px"></td></tr><tr><td colspan="2" border="0" bordercolor="#993366" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px"><font class="malytext">tekst2</td></tr><tr><td colspan="2"><img src="kreska_dol2.gif"></td></tr></table>[/xml]
Gdzie tkwi problem?? :/
Proszę o pomoc. W miarę możliwości jakoś się odwdzięczę. Jeśli oczywiście tylko będę mógł.

Pozdr.

[Fingon]

Pierwsze co rzuciło mi sie w oczy to brak doctype (prologu) możesz o tym poczytać na stronie www.webinside.pl błąd nie rzucił mi sie w oczy ponieważ niestety masz bardzo nieprzejrzysty styl pisania kodu. Postaraj sie pisać jakimś logicznym systemem np

[xml] <table>
<tr>
<td>
<p>tekst</p>
<img src=""></img>
</td>
</tr>
<table>[/xml]

zamiast
[xml]<table><tr><td><p>tekst</p><img src=""></img></td></tr><table>[/xml]

Validator jest bardzo przydatny przy szukaniu błedów w kodzie http://validator.w3.org/

edit nie mam pojecia czemu code i xml nie działają

[Stig]

edit nie mam pojecia czemu code i xml nie działają

Nie działały, bowiem wyłączyłeś obsługę BBCode w swoim poście. Już to poprawiłem .

[kz]

Pierwsze co rzuciło mi sie w oczy to brak doctype (prologu)

Yyy... ekhem... o co chodzi?

niestety masz bardzo nieprzejrzysty styl pisania kodu. Postaraj sie pisać jakimś logicznym systemem np

[xml] <table>
<tr>
<td>
<p>tekst</p>
<img src=""></img>
</td>
</tr>
<table>[/xml]

zamiast
[xml]<table><tr><td><p>tekst</p><img src=""></img></td></tr><table>[/xml]

No zgoda, ale wtedy jak użyję tego "Twojego" systemu formatowania to nic do siebie nie przylega.
Zobacz:
[url]http://koza_aukcje.w.interia.pl/ts/tabelka2.html[/url]
Ten kod musi do siebie przylegać! :/

No ale tak dla ułatwienia Ci, podam Jego formę:

Kod: Zaznacz cały

<table border="0" cellspacing="0" cellpadding="0" bgcolor="#EAEAAE" width="50%">

<tr>
<td colspan="2">
<img src="kreska_dol1.gif">
</td>
</tr>

<tr>
<td bgcolor="#ffcccc" width="5%" border="0" bordercolor="#993366" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
<div align="center"><img src="http://adstat.4u.pl/s4u.gif">
</td>
<td width="95%" border="0" bordercolor="#993366" style="border-right-style: solid; border-right-width: 1px">
<font class="malytext">tekst1
</td>
</tr>

<tr>
<td width="5%">
<img src="kreska_statystyki_odwiedzin.gif">
</td>
<td width="95%" border="0" bordercolor="#993366" style="border-right-style: solid; border-right-width: 1px">
</td>
</tr>

<tr>
<td colspan="2" border="0" bordercolor="#993366" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
<font class="malytext">tekst2
</td>
</tr>

<tr>
<td colspan="2">
<img src="kreska_dol2.gif">
</td>
</tr>

</table>

Validator też nic wielkiego nie znalazł... przyczepił się do znacznika otwierającego "table":
<table


Ciężki orzech do zgryzienia.
Pozdr.

[Fingon]

odrazu lepiej

[xml]
<tr>
<td bgcolor="#ffcccc" width="5%" border="0" bordercolor="#993366" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
<div align="center"><img src="http://adstat.4u.pl/s4u.gif"> [/xml]
nie zamknołeś znacznika <div> znacznika <img> tez nie zamknołeś

Kod: Zaznacz cały

</td>
<td width="95%" border="0" bordercolor="#993366" style="border-right-style: solid; border-right-width: 1px">
<font class="malytext">tekst1
</td> 

nie zamknołeś znacznika <font>

Kod: Zaznacz cały

<td width="5%">
<img src="kreska_statystyki_odwiedzin.gif">
</td> 

nie zamknołeś znacznika <img>

Kod: Zaznacz cały

<tr>
<td colspan="2" border="0" bordercolor="#993366" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
<font class="malytext">tekst2
</td>
</tr> 

nie zamknęty znacznik <font>

Kod: Zaznacz cały

<tr>
<td colspan="2">
<img src="kreska_dol2.gif">
</td>
</tr>

znacznik <img> nie zamknęty

czym jest prolog ? http://www.webinside.pl/html/artykuly/135

moim zdaniem problemem jest obramowanie 100% width + border może namieszać sprobój podać w pixelach szerokośc tabeli odejmujac szerkosc obramowania . Możesz również napisać ten kod jeszcze raz może coś zauważysz ;P

[viraptor]

No zgoda, ale wtedy jak użyję tego "Twojego" systemu formatowania to nic do siebie nie przylega.

Spacje, entery, znaki kontrolne i niewidoczne bezpośrednio przed i za tagami są ignorowane - nie ma różnicy, czy pomiędzy <img ... />, a <br /> nie ma odstępu, czy jest tam 20 spacji, 10 enterów i sterta innych znaków kontrolnych. Jeśli strona się sypie po wstawieniu spacji między tagami, to albo masz przeglądarke z początku lat 90, albo błąd tkwi w innym miejscu kodu.
Zobacz inne strony - nikt nie skraca tak kodu - wręcz przeciwnie - komentarze i miłe dla oka odstępy często się zdarzają nawet w produkcyjnych systemach.
http://www.w3.org/TR/html4/struct/text.html#h-9.1 tu i w linkach na tej stronie jest opisany sposób ignorowania white-space'ów.

[kz]

nie zamknołeś znacznika <div> (..) nie zamknołeś znacznika <font> (...) nie zamknęty znacznik <font>

Ok. Już zamknąłem. Nie było to aż takie istotne, no ale dobra... na życzenie!

nie zamknołeś znacznika <img>

Od kiedy w HTML 4.01 zamykamy znacznik <img>??

czym jest prolog ? http://www.webinside.pl/html/artykuly/135

Heh... nie wiedziałem, że to coś, co nazywam DTD (jakoś tak) to prolog No teraz już wiem... Owszem, używam go na stronie, ale teraz nie użyłem bo stronę tabelka.html potraktowałem jako przykład... Mniejsza o to... również na życzenie wstawiam ów prolog ( http://koza_aukcje.w.interia.pl/ts/tabelka.html )

moim zdaniem problemem jest obramowanie 100% width + border może namieszać sprobój podać w pixelach szerokośc tabeli odejmujac szerkosc obramowania .

A tak, przykładowo, może być:

Kod: Zaznacz cały

style="border-color: #993366; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px"

??

Możesz również napisać ten kod jeszcze raz może coś zauważysz ;P

Ok. Napisałem. Dokonałem lekkich poprawek (pozamykałem wszelkie tagi, znaczniki) i co? I NIC!
Wciąż ten sam błąd.

Spacje, entery, znaki kontrolne i niewidoczne bezpośrednio przed i za tagami są ignorowane - nie ma różnicy, czy pomiędzy <img ... />, a <br /> nie ma odstępu, czy jest tam 20 spacji, 10 enterów i sterta innych znaków kontrolnych.

Niedowiarek.
Porównaj wobec tego kody na tych stronach:
http://koza_aukcje.w.interia.pl/ts/tabelka.html
http://koza_aukcje.w.interia.pl/ts/tabelka2.html
Czym się różnią kody? Niczym. Tyle tylko, że na pierwszej stronie kod napisany jest jednym ciągiem (chodzi o kod tabelki), a na drugiej stronie ten sam kod jest sformatowany wedle przykładu jaki mi poradził "Fingon", czyli z enterami. Zatem kod sam w sobie jest taki sam. Ten sam! I co? I zobacz jak to wszystko interpretuje najnowsze IE...
Co Ty na to?

Jeśli strona się sypie po wstawieniu spacji między tagami, to albo masz przeglądarke z początku lat 90, albo błąd tkwi w innym miejscu kodu.

Jak widać, przeglądarka wcale nie musi być stara.
A błędu też raczej nie mam... wkleję Ci tutaj cały (poprawiony) kod strony:

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Opracowanie: koza -->
<HTML>
<head>
<link rel="stylesheet" href="pliki/styl.css" type="text/css">
</head>
<body>


<table border="0" cellspacing="0" cellpadding="0" bgcolor="#EAEAAE" width="50%">

<tr>
<td colspan="2">
<img src="kreska_dol1.gif">
</td>
</tr>

<tr>
<td bgcolor="#ffcccc" width="5%" style="border-color: #993366; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
<div align="center"><img src="http://adstat.4u.pl/s4u.gif"></div>
</td>
<td width="95%" style="border-color: #993366; border-right-style: solid; border-right-width: 1px">
<font class="malytext">tekst1</font>
</td>
</tr>

<tr>
<td width="5%">
<img src="kreska_statystyki_odwiedzin.gif">
</td>
<td width="95%" style="border-color: #993366; border-right-style: solid; border-right-width: 1px">
</td>
</tr>

<tr>
<td colspan="2" style="border-color: #993366; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
<font class="malytext">tekst2</font>
</td>
</tr>

<tr>
<td colspan="2">
<img src="kreska_dol2.gif">
</td>
</tr>

</table>


<br><br><font class="text">Witam. 'IE' źle interpretuje prawe obramowanie tabelki. Proszę zresztą spojrzeć... Tabelka powinna się kończyć wraz z końcem grafiki "kreska_dol1.gif" i "kreska_dol2.gif" (szereokość tabelki powinna równać się szerokości tych plików graficznych). Firefox dobrze to interpretuje (aczkolwiek w przypadku Firefoxa coś jest nie tak po lewej stronie, z tymi statystykami. Ale ten problem rozwiążę innym razem. No chyba, że też wiecie co jest nie tak? ;)).<br><br>Wracając jednak to tego problemu z szerokością tabelki... Szerokość (width) tabelki ustawiłem na "50%" (z myślą, że wprowadzone elementy graficzne ją rozszerzą). Nie pomogło. :( Kompletnie nie wiem gdzie występuję błąd. A na eksperymentowanie nie mam czasu. :( Proszę zatem o pomoc. W miarę możliwości postaram się jakoś odwdzięczyć. :) Pozdr.</font>


</body>
</HTML>

W dalszym ciągu, niestety, oczekuję pomocy... a za dotychczas otrzymaną - dziękuję!

Pozdr.

[viraptor]

Niedowiarek.
Porównaj wobec tego kody na tych stronach:
http://koza_aukcje.w.interia.pl/ts/tabelka.html
http://koza_aukcje.w.interia.pl/ts/tabelka2.html
Czym się różnią kody? Niczym. Tyle tylko, że na pierwszej stronie kod napisany jest jednym ciągiem (chodzi o kod tabelki), a na drugiej stronie ten sam kod jest sformatowany wedle przykładu jaki mi poradził "Fingon", czyli z enterami. Zatem kod sam w sobie jest taki sam. Ten sam! I co? I zobacz jak to wszystko interpretuje najnowsze IE...
Co Ty na to?

Nie wiem - posiadam tylko to co było razem z w2k - layout się rozpada - co za pech. Natomiast mozilla interpretuje to tak:
tabelka.png
tabelka2.png
Czyli całkowicie zgodnie ze standardem. Tu nie chodzi o to, czy ci wierze, czy nie - po prostu pomijanie znaków białych i kontrolnych pomiędzy dwoma tagami, to poprawne zachowanie przeglądarki wg. http://w3.org. Teraz możesz ew. zacząć stosować hacki, żeby pod IE to przeszło.
Zobacz na www.webinside.pl - przecież mają entery gdzie chcą w tabelkach i strona działa jak trzeba.

PS. tu masz html i css, który wyświetla to (prawie) poprawnie w moz. IE dodaje sobie tam własne wysokości - można to pewnie poprawić przez wymuszanie tr.height, ale nie chce mi się już tym bawić.
Jeśli chodzi o wcięcie ramki po lewej, to ramka musi być robiona przez border, a obrazek dawać tylko treść.

[kz]

Teraz możesz ew. zacząć stosować hacki, żeby pod IE to przeszło.

No w takim razie będę chyba musiał. :/
Ale o jakie hacki konkretnie chodzi? Bo w tym to już tym bardziej jestem ciemny.

PS. tu masz html i css

Łetam, nie rób sobie tyle kłopotu...
Problem tych "enterów" w IE jakoś można zawsze rozwiązać... nawet pomijając wspomniane hacki... wystarczy przecież, że napiszę cały kod jednym ciągiem i po kłopocie...

można to pewnie poprawić przez wymuszanie tr.height, ale nie chce mi się już tym bawić.

To lepiej już jednak faktycznie napisać ten kod jednym ciągiem

Dobra, pomińmy te "entery" i inne "problemy", bo to akurat mało istotne ( )... bardziej mnie interesuje, jak naprawić błąd "rozszerzania" tej tabelki...
[url]http://koza_aukcje.w.interia.pl/ts/tabelka.html[/url]

Pozdr.

[viraptor]

Rozszerzania? To html/css co ci podałem wygląda oki i nie widzę żadnych problemów w rozszerzaniem tego...
Może u mnie nie widać tego efektu co u ciebie? Oglądałeś tą nową wersje?

[kz]

Problem już chyba rozwiązałem...
Proszę zobaczyć czy wszystko ok:
[url]http://koza_aukcje.w.interia.pl/TS_2_01/tabelka.html[/url]

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Opracowanie: koza -->
<HTML>
<head>
<title>tabelka</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link rel="stylesheet" href="pliki/styl.css" type="text/css">
</head>
<body>


<table border="0" cellspacing="0" cellpadding="0" bgcolor="#EAEAAE" width="848px">

<tr>
<td colspan="3">
	<img src="kreska_dol1.gif">
</td>
</tr>

<tr>
<td bgcolor="#ffcccc" style="border-color: #993366; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
	<div align="center"><img src="http://adstat.4u.pl/s4u.gif"></div>
</td>
<td colspan="2" style="border-color: #993366; border-right-style: solid; border-right-width: 1px">
	<div align="center"><a href="" class="duzyczarny"><b>Reklama:</b></a><font class="malytext"> <a href="" class="malyczarny">link pozycjonujący nr 1</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 2</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 3</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 4</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 5</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 6</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 7</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 8</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 9</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 10</a></font></div>
</td>
</tr>

<tr>
<td style="width: 69px">
	<img src="kreska_statystyki_odwiedzin.gif">
</td>
<td style="width: 579px">
	<img src="kropka.gif">
</td>
<td style="border-color: #993366; border-right-style: solid; border-right-width: 1px; width: 200px">
	<img src="kropka.gif">
</td>
</tr>

<tr>
<td colspan="3" style="border-color: #993366; border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">
	<div align="center"><font class="malytext"><a href="" class="malyczarny">link pozycjonujący nr 11</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 12</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 13</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 14</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 15</a></font></div>
</td>
</tr>

<tr>
<td colspan="2" style="border-color: #993366; border-left-style: solid; border-left-width: 1px">
	<div align="center"><font class="malytext"><a href="" class="malyczarny">link pozycjonujący nr 16</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 17</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 18</a> <b>|</b> <a href="" class="malyczarny">link pozycjonujący nr 19</a></font></div>
</td>
<td>
	<img src="copyright.gif">
</td>
</tr>

<tr>
<td colspan="3">
	<img src="kreska_dol2.gif">
</td>
</tr>

</table>


</body>
</HTML>

Zgadza się?

A za pomoc tutaj udzieloną serdecznie dziękuję. Nawet nie wiecie jak bardzo mi pomogliście. Los Wam to z pewnością kiedyś wynagrodzi...

Pozdr.

[kz]

A tak wygląda efekt końcowy:
[url]http://koza_aukcje.w.interia.pl/TS_2_02/index.html[/url]
(to nie jest spam, bo ta strona jeszcze nie istnieje)

Myślałem, że jest wszystko w porządku a Validator wynalazł 18 błędów! Wobec tego prosiłbym o wytłumaczenie (jako, że nie znam anglika, a tym bardziej takiego "programistycznego języka"), co oznaczają poszczególne "błędy":

This page is not Valid HTML 4.01 Transitional!

Tu domyślam się, ze chodzi o to, że rzekomo strona nie jest programowana w języku HTML 4.01. Pytam więc skąd taki komunikat (?), skoro jest.

required attribute "TYPE" not specified

?

end tag for element "TD" which is not open
...h=1 height=1><!-- end: DOTGEM --></td></tr></table>');

document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.
...ass="text"><p style="margin-right: 0.2cm"><b>Konkurs:</b> Niebawem na stronie

Chwila. Nie wolno używać w znaczniku <P> elementu "margin-right" czy co? Czy też może jednostka jest zła (cm)? A może ta dwójka? (wszak to dwójkę validator zaznaczył na czerwono). Może mi ktoś wytłumczyć o co mu (validatorowi) chodzi?

required attribute "ALT" not specified

A czy do każdej grafiki musze wtykać element "ALT"? Co to jakiś wymóg jest?

character ";" not allowed in attribute specification list
...66; border-left-style: solid; border-left-width: 1px"; width: 10%"><font clas

reference to non-SGML character
...r></font></div><div align="left"><font class="text">&#149; <b>Data powstania

document type does not allow element "NOSCRIPT" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.
.../wiek_strony.js" type="text/javascript"></script><noscript>Twoja przeglądark

I to w zasadzie tyle.
Szczerze powiedziawszy nie rozumiem działania Validatora. Jedynym usprawiedliwieniem na to jest fakt, że po raz pierwszy zacząłem z niego korzystać. Dlatego liczę, że będziecie wyrozumiali i że udzielicie mi kolejnej pomocy.
I proszę się nie śmiać z mojej 'angielszczyzny' (a właściwie jej braku ). Uczę się niemieckiego i rosyjskiego a nie angielskiego. A tak na marginesie: jaki z tego morał? Uczyć się języków.

Pozdr.
Czekam na odp.

[Stig]

This page is not Valid HTML 4.01 Transitional!

Tu domyślam się, ze chodzi o to, że rzekomo strona nie jest programowana w języku HTML 4.01. Pytam więc skąd taki komunikat (?), skoro jest.

Strona nie jest zgodna z zadeklarowanym standardem HTML 4.01 Transitional

required attribute "TYPE" not specified

Dla elementu script wymagany jest atrybut type.

end tag for element "TD" which is not open
...h=1 height=1><!-- end: DOTGEM --></td></tr></table>');

Prawdopodobnie zakmknąłeś znacznik, który nie jest otwarty.

document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.
...ass="text"><p style="margin-right: 0.2cm"><b>Konkurs:</b> Niebawem na stronie

Umieściłeś element blokowy (<p>) wewnątrz liniowego (<font>).

required attribute "ALT" not specified

A czy do każdej grafiki musze wtykać element "ALT"? Co to jakiś wymóg jest?

Tak, dla każdego elementu img należy stosować atrybut alt.

character ";" not allowed in attribute specification list
...66; border-left-style: solid; border-left-width: 1px"; width: 10%"><font clas

Niepotrzebny cudzysłów za deklaracją wartości atrybutu border-left-width.

reference to non-SGML character
...r></font></div><div align="left"><font class="text">• <b>Data powstania

Podejrzewam, że zmiana kodowania znaków na porządny system, np. iso-8859-2 powinna rozwiązać ten problem.

document type does not allow element "NOSCRIPT" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.
.../wiek_strony.js" type="text/javascript"></script><noscript>Twoja przeglądark

Element <noscript> nie jest dozwolony w tym miejscu.

[kz]

Strona nie jest zgodna z zadeklarowanym standardem HTML 4.01 Transitional

Powiem po "kiepskiemu": jak nie, jak tak!

Dla elementu script wymagany jest atrybut type.

No ale już mam:

Kod: Zaznacz cały

<script language="JavaScript" src="pliki/wiek_strony.js" type="text/javascript"></script>

end tag for element "TD" which is not open
...h=1 height=1><!-- end: DOTGEM --></td></tr></table>');

Prawdopodobnie zakmknąłeś znacznik, który nie jest otwarty.

W sumie to ten fragment mnie nie interesuje, "Interia" go narzuciła (a moja strona nie będzie na serwerze Interii).

document type does not allow element "P" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.
...ass="text"><p style="margin-right: 0.2cm"><b>Konkurs:</b> Niebawem na stronie

Umieściłeś element blokowy (<p>) wewnątrz liniowego (<font>).

To jak to mam teraz rozwiązać? Ktorego się pozbyć? A coś takiego jest poprawne:

Kod: Zaznacz cały

<p class="text" style="margin-right: 0.2cm">jakiś_tekst</p>

dla każdego elementu img należy stosować atrybut alt.

Ale chyba nie jest dużym wykroczeniem niestosowanie tego atrybutu, nie?

character ";" not allowed in attribute specification list
...66; border-left-style: solid; border-left-width: 1px"; width: 10%"><font clas

Niepotrzebny cudzysłów za deklaracją wartości atrybutu border-left-width.

Aha. No teraz widzę. Dzięki.

Podejrzewam, że zmiana kodowania znaków na porządny system, np. iso-8859-2 powinna rozwiązać ten problem.

Tyle tylko, że wtedy mam "krzaczki" zamiast polskich liter. :/

document type does not allow element "NOSCRIPT" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.
.../wiek_strony.js" type="text/javascript"></script><noscript>Twoja przeglądark

Element <noscript> nie jest dozwolony w tym miejscu.

A to niby czemu? To mam go wsadzić między znacznikami <script (...)> a </script>? Czy jak?

Dziękuję za dotychczasową pomoc. Pozostało 9 błędów jeszcze tylko:
required attribute "ALT" not specified , reference to non-SGML character no i ten cały <noscript>. Nie jest źle.
Jeszcze raz dziękuję i pozdrawiam!

[Stig]

Strona nie jest zgodna z zadeklarowanym standardem HTML 4.01 Transitional

Powiem po "kiepskiemu": jak nie, jak tak!

Jeżeli są jakiekolwiek błędy to strona nie może być zgodna - na określeniu tej zgodności polega cała filozofia validacji

Umieściłeś element blokowy (<p>) wewnątrz liniowego (<font>).

To jak to mam teraz rozwiązać? Ktorego się pozbyć? A coś takiego jest poprawne:

Kod: Zaznacz cały

<p class="text" style="margin-right: 0.2cm">jakiś_tekst</p>

Przedstawiony przez Ciebie fragment kodu sam w sobie jest poprawny, ale będzie niezgodny w przypadku umieszczenia go wewnątrz elementu liniowego. Inna sprawa, że elementu font nie powinno się wogóle stosować...

dla każdego elementu img należy stosować atrybut alt.

Ale chyba nie jest dużym wykroczeniem niestosowanie tego atrybutu, nie?

Ja bym powiedział, że jest o wiele większym niż pozostałe, bowiem oprócz braku zgodności w sferze stricte technicznej, jest niezgodne z zasadami dostępności (W głąb dostępności: Odpowiedniki tekstowe dla obrazków).

Podejrzewam, że zmiana kodowania znaków na porządny system, np. iso-8859-2 powinna rozwiązać ten problem.

Tyle tylko, że wtedy mam "krzaczki" zamiast polskich liter. :/

Należy stosować "zamienniki" niektórych polskich liter (polecam program Gżegżółka).

Element <noscript> nie jest dozwolony w tym miejscu.

A to niby czemu? To mam go wsadzić między znacznikami <script (...)> a </script>? Czy jak?

Najlepiej byłby gdybyś zaczął stosować oddzielenie warstw - wszystkie skrypty umieszczałbyś w osobnych plikach - uniknąłbyś wtedy problemu