Forum PHP.pl > Problemy ze zgodnością z W3C XHTML 1.0

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Problemy ze zgodnością z W3C XHTML 1.0

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

hzl_91

14.08.2006, 12:40:27

Witam! Mam problem z uzyskaniem zgodności W3C XHTML 1.0 pare błędów już poprawiłem ale te które zostały nie mogę sobie poradzić. Jeśli jest możliwość proszę o poprawienie mojego kodu tak, aby był zgodny z W3C XHTML 1.0. Przeczytałem już pare poradników i za chiny nie mogę sobie poradzić.

Oto link do validator: http://validator.w3.org/check?uri=http%3A%...fo%2Findex.html

A to kod:

[XML] pobierz, plaintext 
<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
 
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<title>HZL-Project.info</title>
<link rel="stylesheet" type="text/css" href="theme/style.css" />
</head>
 
<body>
 
<div align="center">
  <table width="526" class="tabela" id="AutoNumber1">
    <tr>
      <td valign="top">
      <img border="0" src="theme/logo.jpg" width="209" height="70" /></td>
    </tr>
    <tr>
      <td>
      <table cellpadding="0" cellspacing="0" class="tabelka" id="AutoNumber2">
        <tr>
          <td>
          <p style="margin-top: 0; margin-bottom: 0"><map name="FPMap0">
          <area href="systemy/" shape="rect" coords="11, 36, 208, 151">
          <area href="pozycjonowanie/" shape="rect" coords="313, 36, 511, 151">
          <area href="webdesign/" shape="rect" coords="11, 217, 209, 331">
          <area href="twojepropozycje/" shape="rect" coords="313, 217, 512, 331">
          </map>
          <img border="0" src="theme/menu.jpg" usemap="#FPMap0" width="524" height="342"></td>
        </tr>
        </table>
      </td>
    </tr>
    </table>
</div>
<center>      <p style="margin-top: 0; margin-bottom: 0">Wszelkie prawa zastrzeżone dla
      <a href="http://hzl-project.info">HZL-Project.info</a></p>
      <p style="margin-top: 0; margin-bottom: 0">Strona zgodna z
      <a target="_blank" href="http://jigsaw.w3.org/css-validator/validator?uri=http://hzl-project.info/theme/style.css">W3C CSS Validator</a> i
      <a target="_blank" href="http://validator.w3.org/check?uri=referer">W3C XHTML 1.0</a></center>
 
</body>
 
</html>
[XML] pobierz, plaintext

shpyo

14.08.2006, 12:52:04

No panie... jak piszesz xHTML i dajesz takie rzeczy jak :

[HTML] pobierz, plaintext 
<div align="center">
[HTML] pobierz, plaintext

xHTML jest po to aby wszystko lub prawie wszystko kontrolować w CSS!

UNK

14.08.2006, 12:54:17

Do każdego <img ../> oraz <area ...> dodaj atrybut alt='' może on być pusty ale musi być aby była zgodność w W3C.

Line 31 column 93: end tag for "img" omitted, but OMITTAG NO was specified. nie zakończony tag img.

Line 25 -> 31 (początek -> ewentualny koniec) niezakończony tag p.
Line 40 -> 42 j.w.

Nie używałem nigdy map ale zamiast name użyj id o tej samej wartości albo nie zamiast, tylko dodaj.

Zamiast używać align użyj class (add: styli)

(to jeśli chodzi o centrowanie, innego pomysłu nie mam

)

dodaj target z href (nie wiem czy jest w tym jakaś różnica)

Jeśli wszystko poprawisz zobaczymy co zostało z tych błędów :-)

EDIT: shpyo mnie wyprzedził z jedną rzeczą :-) więc miałem co do tego w sumie racje

MatheW

14.08.2006, 12:56:51

Cytat

there is no attribute "align".

zamiast align daj style="padding: wyrównanie

Cytat

there is no attribute "height"

zamiast height daj style="height: wysokosc px"

Cytat

there is no attribute "border".

zamiast border daj style="border: szerokosc px"

Cytat

required attribute "alt" not specified.

musisz dac alt=""

Cytat

there is no attribute "name".

zamiast name daj id

Cytat

but OMITTAG NO was specified.

nie zamknałeś znacznika - daj <img .... />

Cytat

element "center" undefined.

nie ma juz center. daj <p style="text-align:center">

Cytat

ere is no attribute "target".

Nie ma juz atrybutu target. Ratuj się js

//edit byli szybsi, ale opisalem chyba wszystko

dr_bonzo

14.08.2006, 13:04:01

Przenosze na Po stronie przeglądarki > HTML \ XHTML

hzl_91

14.08.2006, 13:44:01

Ok strona jest zgodna tylko teraz poprawmy niedziałające rzeczy.
no wiec tak:
1) jak w .css wyśrodkować tabele?
2) Nie działa mi

[HTML] pobierz, plaintext 
<area href="systemy/" alt=""  shape="rect" coords="11, 36, 208, 151" />
          <area href="pozycjonowanie/" alt=""  shape="rect" coords="313, 36, 511, 151" />
          <area href="webdesign/" alt=""  shape="rect" coords="11, 217, 209, 331" />
          <area href="twojepropozycje/" alt=""  shape="rect" coords="313, 217, 512, 331" />
[HTML] pobierz, plaintext

shpyo

14.08.2006, 13:44:27

Cytat(MatheW @ 14.08.2006, 13:56 )

zamiast align daj style="padding: wyrównanie

musisz określić szerokość, następnie wyrównać marginsy.

[HTML] pobierz, plaintext 
.centruj
{
   width: 800px;
   margin: auto;
}
[HTML] pobierz, plaintext

działa w ff, ie, opera i innymi

Cytat

Nie ma juz atrybutu target. Ratuj się js

[HTML] pobierz, plaintext 
<a href="link" onclick="target='new'"
[HTML] pobierz, plaintext

hzl_91

14.08.2006, 15:39:06

2) Nie działa mi

[XML] pobierz, plaintext 
<area href="systemy/" alt=""  shape="rect" coords="11, 36, 208, 151" />
          <area href="pozycjonowanie/" alt=""  shape="rect" coords="313, 36, 511, 151" />
          <area href="webdesign/" alt=""  shape="rect" coords="11, 217, 209, 331" />
          <area href="twojepropozycje/" alt=""  shape="rect" coords="313, 217, 512, 331" />
[XML] pobierz, plaintext

Niedziałą w tym sęsie że nie daje linka

Pomoże ktoś?

bim2

14.08.2006, 17:36:18

A zobacz z innej storny, nie lepiej pociąć ten obrazek i dac mu <a? Np taki niewidzący korzystajacy z latek do czytania nic nie usłyszy. Najlepiej potnij dodaj alty w stylu INDEX, FORUM itp i daj <a

Albo lepiej zrób to bez tabelek a na div

Chetnie ci w tym pomogę ;P

EDIT: Daj <map id="... ;P

hzl_91

14.08.2006, 20:52:29

OK Temat można zamknąć już sobie poradziłem ze wszystkim dzięki chłopaki

Bim dobrze mnie znasz i wiesz że wole grzebać w obrazkach

Wolę się pogłębiać w trudniejszych rzeczach niż poznawac podstawy ;d

EDIT: przecież jest <map id="">

bim2

15.08.2006, 11:51:12

Na samej gorze w wklejonym teksicie nie bylo :|

PS. jak rozwiązałeś? Innym się przyda

hzl_91

16.08.2006, 10:48:45

Rozwiązałem to tak, że po prostu pociełem graficzke.

A i jeszcze mam problem, nie mogę dostać zgodności za to:

Cytat

# Error Line 26 column 21: document type does not allow element "table" here; missing one of "button", "map", "object", "ins", "del", "noscript" start-tag.

<table class="logo">

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

✉
# Error Line 35 column 24: document type does not allow element "table" here; missing one of "button", "map", "object", "ins", "del", "noscript" start-tag.

<table class="tabelka">

A i jak w .css zrobić wysokość np. tabelki bo height nie jest zgodne z w3c css validator

bim2

16.08.2006, 12:32:56

Height tabelek dajesz w style"height: 100px;"

hzl_91

16.08.2006, 12:39:26

Wiem wcześniej to już zrobiłem ale dalej tkwie z błędem:

Cytat

dr_bonzo

16.08.2006, 12:44:12

Mi zwalidowalo tego linka w pierwszym poscie, wiec gdzie jest ta bledna strona?

hzl_91

16.08.2006, 12:51:17

Tu link do błędnego kodu -> http://hzl-project.info/systemy/

dr_bonzo

16.08.2006, 14:06:23

Nie mozesz wstawiac tabelki do <p>.

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.