Css Validation

Astazi, toata ziua, m-am chuinit sa corectez in jur de 300 de erori. Am doborat cam 150. M-am blocat si imi vine sa renunt.
http://validator.w3.org/check?uri=http%3A%...buzaulive.ro%2F
Error Line 63 column 8: ID "headermenu" already defined.
Error Line 64 column 8: ID "headermenu" already defined.
Error Line 65 column 8: ID "headermenu" already defined.
...........................

Cod:

<table> <tr> <td id="headermenu" bgcolor="#A5D72F" width="20%"><a href="url">FORUM</a></td> <td id="headermenu" bgcolor="#32D387" width="20%"><a href="url">POZE</a></td> <td id="headermenu" bgcolor="#31D5D0" width="20%"><a href="url">ANUNTURI1</a></td> <td id="headermenu" bgcolor="#3AA4CB" width="20%"><a href="url">ANUNTURI2</a></td> <td id="headermenu" bgcolor="#3986C4" width="20%"><a href="url">CHAT</a></td> </tr> <tr> <td id="headermenu" bgcolor="#C7E680" width="20%" style="height:7px;"></td> <td id="headermenu" bgcolor="#5ADC9E" width="20%" style="height:7px;"></td> <td id="headermenu" bgcolor="#4EDCBC" width="20%" style="height:7px;"></td> <td id="headermenu" bgcolor="#6CBBD9" width="20%" style="height:7px;"></td> <td id="headermenu" bgcolor="#478EC9" width="20%" style="height:7px;"></td> </tr> </table>

Google nu m-a prea ajutat.
L-am sucit pe toate partile.
1. In loc de id am pus class (asa era sugerat) dar nu-mi mai apar chenarele asa cum ar trebui iar textul nu se mai formateaza.
2. Am pus headermenu1, headermenu2, headermenu3 .......... si in .css le-am definit ca si pe headermenu. Efectul, la fel ca la pct1.
3. Diferite combinatii care imi trec de validare, dar nu imi mai afiseaza corect chenarele :p.

Are careva vreo sugestie?
Are vreun rost sa-mi mai sparg capul cu asa ceva?

Va multumesc.

CSS Classes vs ID

Citat:

The W3C defines class ID as "a unique identifier to an element"

Citat:

Standards specify that any given id name can only be referenced once within a page or document. From our experience, IDs are most commonly used correctly in CSS layouts. This makes sense because there are usually only one menu per page, one banner, and usually only one content pane.

Vezi poate ai uitat atunci cand ai pus in loc de id class, sa modifici in fisierul .css din #headermenu in .headermenu. Nu ar trebui sa aibe nici o importanta daca sunt clase sau id-uri.

In fine, succes.

p.s.: de ce nu bagi width="20%" si height:7px; direct in id-ul sau clasa din fisierul .css ?

pai XHTML 1.0 Transitional la atatea tabele... tie iti trebuie HTML 4.01 Transitional acolo. XHTML-ul este destul de restrictiv, de aici si erorile acelea.

basca:
<tag id="id_unic_in_toata_pagina" ...
<tag name="nume_pe_care_il_pot_folosi_si_in_alta_parte_ in_pagina" ...

Citat:

ID "headermenu" already defined

, normal nu?

kul, da, normal :)
necropsique, punctu era de vina :D. Merci mult. Am reusit sa scap de toate, mai putin de prima problema.

Citat:

Error Line 49 column 87: there is no attribute "onMouseOver".

...e="Utilizator" size="12" onMouseOver="this.focus(); onfocus="if(this.value ==

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.

Cod:

<form action="user.php" method="post" style="margin:0px;"> Utilizator <input type="text" name="uname" value="Utilizator" size="12" onMouseOver="this.focus(); onfocus="if(this.value == 'Utilizator') this.value = '';" style="font-size:11px; padding:0px;"" /> Parola <input type="password" name="pass" value="*****" size="12" onMouseOver="this.focus();" onfocus="if(this.value == '*****') this.value = '';" style="font-size:10px; padding:0px;" /> <input type="hidden" name="op" value="login" /> <input type="submit" value="ok" /> </form>

Pot folosi o alta metoda?
Tinand cont ca o mai am doar pe-asta, nu mai renunt. :) Thanks again.

Stelian,

Ia incearca onmouseover in loc de onMouseOver, cu lowercase. ;)

Razvan, merge. Stiu ca am incercat si azi-noapte, ca doar imi era sugerat acolo, dar cred ca din cauza oboselii am omis ceva.

Multumesc mult.