MozillaPL.org - polskie centrum Mozilli

Główne menu:

[HTML] poprawność kodu

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[HTML] poprawność kodu

Postautor: anula50 » 22 marca 2006, 12:24

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Mam problem.Zrobiłam stronę w html i nie wiem jak mam sprawdzic poprawnosc kodu i to, zeby pózniej na serwerze wszystko dodrze działało.Próbowałam sprawdzac kod w Validatorze ale on mi takie błedy wynalazł ze poprawiając je wychodzą mi bzdury na stronie. Moze mi ktos cos pomoze?
anula50
 

Postautor: rbart- » 22 marca 2006, 12:59

Przeglądarka: Mozilla/5.0 (Windows; U; Win98; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Niewiem jakiego validatora używałaś ale jedyne słuszne :wink: to:

html >> http://validator.w3.org/
css >> http://jigsaw.w3.org/css-validator/
rbart-
 
Posty: 40
Z nami od: 22 marca 2006, 09:56

Postautor: Tomek » 22 marca 2006, 13:17

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

oczywiści emożemy ci pomóc... ale musisz nam podać albo kod, albo przynajmniej linka do tej strony.... umieśc gdziekolwiek, zapodaj - a może damy radę pomóc (ot - dzień dobroci)
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: anula50 » 22 marca 2006, 13:27

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

umieszcze cały kod mojej strony i moze ktos mi pomoze, bo niestety jeszcze nie trafiłam na zyczliwe osoby... za wszelką pomoc z góry dziekuję


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="Description" content="uchwyty drzwiowe aluminiowe,okucia budowlane,kasetany reklamowe"/>
<meta name="Keywords" content="uchwyty drzwiowe,drzwi aluminiowe,okucia budowlane,stolarka aluminiowa,reklama"/>
<title>stolarka aluminiowa,uchwyty drzwiowe,pochwyty drzwiowe,okucia</title>
<meta name="classification" content="budownictwo,okucia budowlane,stolarka aluminiowa"/ <meta name="languege" content="pl" <meta name="Author" content="Ania">
<meta name="robots" content="index">
<meta name="rating" content="General">
<meta http-equiv="Content-Language" content="en-us">
<body>
<p align="center"><table border="0" width="100%" cellspacing="0" cellpadding="10"></p>
<tr>
<p align="right"><td bgcolor="#00FF33" colspan="2" algin="center" valign="middle"></p>
<h1><b><p align="center">ALMI</p></b></h1>
<b><p align="center">UCHWYTY DRZWIOWE ALUMINIOWE</p></b>
</td>
</tr>
</table>
<table border="2" width="40%" height="40%" align="RIGHT" valign="TOP" bgcolor="#00FF33" bordercolor="#000000">
<br><br><br>
<td><b><p align="center">P.P.H.U. "ALMI" <i>Michał Mszyca</p></i></b></td>
</tr>
<tr>
<td> <b><p align="center">ul. Jeżynowa 6, 42-200 Częstochowa</p></b></td>
</tr>
<tr>
<td><b><p align="center">tel.fax.034/319-42-90</p></b></td>
</tr>
<tr>
<td><b><p align="center">tel.kom. 0602-710-548</p></b></td>
</tr>
<tr>
<td><b><p align="center">e-mali: almi123@op.pl</p></b></td>
</tr>
</table>
</tr>
</table>
<br><br><br><br>
<p><b> <h1><p align="left">Nasza firma wykonuje :</p></h1></p></p>
<ul>
<li><p><font face="times new roman" style="font"><b><font size="+1">uchwyty drzwiowe aluminiowe</font></b></font></ul></li>
</ul>
<ul>
<li><p><font face="times new roman" style="font"><font size="+1"><b>uchwyty za stali nierdzewnej polerowanej</b></font></b></font></font></p></li></ul>
<ul>
<li><p><font face="times new roman" style="font"><font size="=+1"><b><font size="+1"><b>kasetony podświetlane</b></font></b> </font></font></p></li></ul>
<ul>
<li><p><font face="times new roman" style="font"><font size="=+1"><b><font size="+1"><b> giecie profili kasetonowych (100mm i 139mm)</b></font></b></font></font></p></li></ul>
<hr width="100%" size="6" color="#339900" />
<p><img src="katalog.gif_pliki/image001.jpg" width="100" height="210" border="2" align="left" hspace="0" vspace="2" /></p></html></head>
<p align="center"><font size="4"><b>Pochwyt drzwiowy 01</b> </font></p>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 30</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 65zł za kpl.</b></td>
</tr>
</table>
<br>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 35</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 70zł za kpl.</b></td>
</tr>
</table>
<br>
<p align="center"><i><b>Inne długosci na zamówienie do wyceny</b></i></p>
<br><br><br>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image007.jpg" width="130" height="200" border="2" align="left" />
<p align="center"><font size="4"><b>Pochwyt drzwiowy 02</b></font></p>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 30</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 70zł za kpl.</b></td>
</tr>
</table>
<br>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 35</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 75zł za kpl.</b></td>
</tr>
</table>
<br>
<p align="center"><i><b>Inne długosci na zamówienie do wyceny</b></i></p>
<br>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image015.jpg" width="130" height="200" border="2" align="left" />
<p align="center"><font size="4"><b>Pochwyt drzwiowy 02B</b></font></p>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 30</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 95zł za kpl.</b></td>
</tr>
</table>
<br>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 35</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 115zł za kpl.</b></td>
</tr>
</table>
<br>
<p align="center"><i><b>Inne długosci na zamówienie do wyceny</b></i></p>
<br>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image017.jpg" width="130" height="230" border="2" align="left" />
<p align="center"><font size="4"><b>Pochwyt drzwiowy 03</b></font></p>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 30</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 70zł za kpl.</b></td>
</tr>
</table>
<br>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 350</b></td>
<td><b>średnica &#216 30</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 75zł za kpl.</b></td>
</tr>
</table>
<br>

<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 350</b></td>
<td><b>średnica &#216 35</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 90zł za kpl.</b></td>
</tr>
</table>
<br>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 350</b></td>
<td><b>średnica &#216 35</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 95zł za kpl.</b></td>
</tr>
</table>
<br>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image005.jpg" width="130" height="200" border="2" align="left" />
<p align="center"><font size="4"><b>Pochwyt drzwiowy 07</b></font></p>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 325</b></td>
<td><b>średnica &#216 30</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 75zł za kpl.</b></td>
</tr>
</table>
<br>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 35</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 90zł za kpl.</b></td>
</tr>
</table>
<br>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 320</b></td>
<td><b>średnica &#216 35</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 90zł za kpl.</b></td>
</tr>
</table>
<br>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image013.gif" width="130" height="200" border="2" align="left" />
<p align="center"><font size="4"><b>Pochwyt drzwiowy 08</b></font></p>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 325</b></td>
<td><b>średnica &#216 30</b></td>
<td><b>kolor RAL standard</b></td>
<td><b>cena: 70zł za kpl.</b></td>
</tr>
</table>
<br><br><br><br><br><br><br>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image019.jpg" width="130" height="300" border="2" align="left" />
<p align="center"><font size="4"><b>Pochwyt drzwiowy 09</b></font></p>
<table border="4" width="70%" align="CENTER" valign="TOP" cellspacing="0">
<tr>
<td><b>rozstaw h 300</b></td>
<td><b>średnica &#216 40</b></td>
<td><b>koncówki średnica &#216 30</b></td>
<td><b>cena: 145zł za szt.</b></td>
</tr>
</table>
<br>
<p align="center"><b><i>Stal nierdzewna polerowana</i></b></p>
<br>
<p align="center"><i><b>Inne długosci na zamówienie do wyceny</b></i></p>
<br><br<br>
<br><br><br><br><br>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image021.jpg" width="200" height="109" border="2" align="left" />
<b> <i> <p align="center">Profil kasetonowy aluminiowy 100mm</p></i></b>
<br>
<b><i> <p align="center">Profil kasetonowy aluminiowy 139mm</p></i></b>
<hr width="100%" size="6" color="#339900" />
<img src="katalog2.gif_pliki/image009.jpg" width="200" height="200" border="1" align="left" />
<b><i> <p align="center">Kasetony reklamowe podświetlane</p></i></b>
<br><br><br><br><br><br><br><br>
<hr width="100%" size="6" color="#339900" />
<i><p align="center">wszelkie prawa zastrzeżone</p></i>
</body>
</html>
anula50
 

Postautor: Tomek » 22 marca 2006, 13:47

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

jejku - tabela na tabeli ciągnie tabelę.....
Szczerze mówiąc.... ciężko będzie.... Nie dziwię się walidatorowi... Nie da rady poprawić wszystkiego... Po prostu kod który dałaś... jest... koszmarny.... ale
Musisz chyba troszkę poczytac o html i o zasadach pisania stron - nie kieruj się tym że np. we frontpagu wyglada to dobrze.... bo szczerze mówiąc ta strona ma święte prawo się nie wyświetlać... (154 błędy)
Więc tak - dobry kurs html znajdziesz tu. To początek. i wierz to absolutne minimum z minimalnych minimum. Bez tego ani rusz. Jeśli znasz angielski wejdź na www.w3.org i poszukaj html 4.01 specification.
Musisz pilnować takich aby nie zdarzały się takie rzeczy:
<meta name="classification" content="budownictwo,okucia budowlane,stolarka aluminiowa"/ <meta name="languege" content="pl" <meta name="Author" content="Ania"> -masz niepozamykane znaczniki - powinno to wyglądać mniej więcej tak
<meta name="classification" content="budownictwo,okucia budowlane,stolarka aluminiowa"/> <meta name="language" content="pl"/> <meta name="Author" content="Ania">
Dalej...
masz np coś takiego
<p align="center"><table border="0" width="100%" cellspacing="0" cellpadding="10"></p>
(podejrzewam że to </p> zamknęłaś po sprawdzeniu w walidatorze... źle to zrobiłaś.
Powinnaś zamknąć w miejscu w którym fizycznie kończy się zawartość tego paragrafu. (czyli na 99% za tabelą którą otworzyłaś w tym paragrafie).

Możesz też skorzystać np z tegohttp://infohound.net/tidy/ - nie zawsze daje dobre efekty ale powinno sobie poradzić z większością twoich błędów
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: anula50 » 22 marca 2006, 13:56

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Wielkie dzięki, będe myslec i robic dalej...
anula50
 

Postautor: Tomek » 22 marca 2006, 13:59

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Szczerze mówiąc.... naprawdę wczytaj się w ten kurs - można się wielu rzeczy nauczyć i nie popełniać takich błędów. W razie problemów zawsze możesz pytać....
Nawet nie wiedziałem od czego zacząć ci tłumaczenie....
w razie czego - na gg (xxxxxxxxx) mogę pomóc (mimo że nie preferuję wyskakiwania poza forum - ale inni moderatorzy mi chyba w tym wypadku wybaczą)
Ostatnio zmieniony 20 kwietnia 2007, 15:55 przez Tomek, łącznie zmieniany 1 raz
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: rbart- » 22 marca 2006, 14:44

Przeglądarka: Mozilla/5.0 (Windows; U; Win98; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

szkoda że ja niemam czasu żeby ci wymiernie pomóc ale proponuje abyś leciutko zmieniła wygląd chodzi mi głównie o szare tło nanim biały div a i zmień kolor z zielonego na #3388CC a napisy na biało

proponuje abyś zaczeła pisać w div'ach i css'ie

tu masz jeszcze mały prezencik odemnie (logo) jak zmienisz kolorki to napewno będzie pasować http://s53.yousendit.com/d.aspx?id=32GMG8CG1SOXT1LNG2QM0AJYSH
mam nadzieję że Ci się spodoba
rbart-
 
Posty: 40
Z nami od: 22 marca 2006, 09:56

Postautor: anula50 » 23 marca 2006, 09:43

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Wielkie dzieki za wszystko....
anula50
 

title i alt

Postautor: Wandalena » 06 maja 2006, 17:46

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Witam,
poniewaz nie znalazłam w ustawieniach FF funkcji aby wyswietlac alt teksty do grafiki, zaczelam wstawiac do co wazniejszych <title> np.
<a href=http://www.adres.com.pl><img src="sunban.jpg" alt="Zobacz temat" title="Temat" border="0" height="80" width="226"></a> ale validator pisze ze mam niezamkniety <a> to gdzie powinnam go zamknąc, bo nie rozumiem.
Oraz czy to nie przesada alt i title jednoczesnie?
Jak pomine alt to validator sie pewnie przyczepi, prawda?
Oraz przy okazji powiedziecie mi czy html3.2 jest juz koszmarnie stary mam sklep pod niego skonstruowany, pomijajac problemy ze stylami i niektórymi znacznikami to czy ma to jakis wekszy wpływ na pozycjonowanie, pomijajac konfiguracje słow kluczowych, powtorzen i itp i biorac pod uwage przynajmniej 4 algorytmy gugle, ktore poznałam to czy ze wzgledu na sama starość standardu wypadam nizej w wynikach wzgledem xhtml?
Z góry bardzo dziekuje za odp.
Wanda Lena
Wandalena
 

Re: title i alt

Postautor: Stef » 07 maja 2006, 02:11

Przeglądarka: Mozilla/5.0 (X11; U; GNU/Linux i686; pl-PL; rv:1.8.0.2) Gecko/20060405 SeaMonkey/1.0.1

Wandalena pisze:<a href=http://www.adres.com.pl><img src="sunban.jpg" alt="Zobacz temat" title="Temat" border="0" height="80" width="226"></a> ale validator pisze ze mam niezamkniety <a> to gdzie powinnam go zamknąc, bo nie rozumiem.

Ujmij adres w cudzysłowy.
Wandalena pisze:Oraz czy to nie przesada alt i title jednoczesnie?

Nie nie przesada (to dwie róźne rzeczy i obie powinny być), dodam że Firefox raczej nie ma problemu z wyświetlaniem któregokolwiek w normalnych dokumentach.
Wandalena pisze:Oraz przy okazji powiedziecie mi czy html3.2 jest juz koszmarnie stary

Jest, ma ponad 10 lat, w '97 zastąpił go 4.0 a obecnie stosuje się 4.01. XHTML to trochę co innego..
Czasami coś napiszę na stef.log
Stef
Moderator
 
Posty: 3466
Z nami od: 16 kwietnia 2004, 11:05

Postautor: Wandalena » 07 maja 2006, 14:48

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

Dzieki,
rzeczywiscie nocą robiłam i noca spostrzegłam ze nie ma cudzysowa,
a ze standardami chodzilo mi o to ze mam nakładki 4.01 wrzucone na serw połaczone ze sklepem cgi, ktory jest zgodny z 3.2 final
Czy warto te nakladki przekonwertowac w xtml?
Jęsli tak to dlaczego i czemu x jest lepszy.
Oraz czy juz czas aby sie postarac o nowszy sklep?
Pozdrawiam i z gory dziekuje za odp.
Wandalena
 

Postautor: riddle » 07 maja 2006, 15:07

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

http://pornel.net/xhtml (pominąłbym fragment o wysyłaniu XHTML jako aplikacja, chyba że stosujesz negocjowanie treści)
riddle
 
Posty: 502
Z nami od: 24 maja 2004, 17:43
Lokalizacja: Łódź


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], dexter, Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: