w3 validation errors

[Chadi]

Trying to get the site as clean and 'valid' as possible according to w3 standards.

Unfortunately it is showing 89 errors now. Horrible (even though site loads instantly and displays fine). Most of them are these errors that I cannot figure out and need help on.

.................................................. ..........

Line 897, Column 67: end tag for "img" omitted, but OMITTAG NO was specified

?" src="images/yes.gif" width="16" height="16"></td> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

.................................................. ..........

Line 897, Column 2: start tag was here. <img alt="Check" src="images/yes.gif" width="16" height="16"></td>

.................................................. ..........

Line 960, Column 188: there is no attribute "allowtransparency".?" scrolling="auto" allowtransparency="yes" name="cboxmain" id="cboxmain" stylLine 2288, Column 105: ID "collapseimg_forumhome_activeusers" already defined.?e('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="


An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

.................................................. ..........

What exactly are they saying here and HOW would I resolve this correctly?

[cheat-master30]

Originally Posted by chadi

Trying to get the site as clean and 'valid' as possible according to w3 standards.

Unfortunately it is showing 89 errors now. Horrible (even though site loads instantly and displays fine). Most of them are these errors that I cannot figure out and need help on.

.................................................. ..........

Line 897, Column 67: end tag for "img" omitted, but OMITTAG NO was specified

?" src="images/yes.gif" width="16" height="16"></td> ✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

.................................................. ..........

Line 897, Column 2: start tag was here. <img alt="Check" src="images/yes.gif" width="16" height="16"></td>

.................................................. ..........

Line 960, Column 188: there is no attribute "allowtransparency".?" scrolling="auto" allowtransparency="yes" name="cboxmain" id="cboxmain" stylLine 2288, Column 105: ID "collapseimg_forumhome_activeusers" already defined.?e('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="


An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

.................................................. ..........

What exactly are they saying here and HOW would I resolve this correctly?

You need to do this for that image:

<img alt="Check" src="images/yes.gif" width="16" height="16" />

As for allowtransparency, maybe remove it?

[Chadi]

Thanks. I just went from 89 to 41 errors just from fixing images. Completely forgot about the end / mark.

I also removed this to bring it down to 40 errors. About 5 are coming from the highslide mod which I posted in its thread but received no response yet. Maybe you'd know?

allowtransparency="yes"

.................................................. ..........

Line 712, Column 15: ID "highslide-container" already defined.</div><div id="highslide-container"></div> ✉
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
.................................................. ..........

Line 705, Column 9: ID "highslide-container" first defined here.<div id="highslide-container"></div>

.................................................. ..........

Line 713, Column 9: ID "controlbar2" already defined.<div id="controlbar2" class="highslide-overlay controlbar2"> ✉
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

.................................................. ..........

Line 866, Column 39: character data is not allowed here.<table style="width: 100 cellspacing="3" cellpadding="3"> ✉
You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include:

• putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or
• forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or
• using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For more information about the reasons for this, see Empty elements in SGML, HTML, XML, and XHTML.

.................................................. ..........

Line 866, Column 14: literal is missing closing delimiter.<table style="width: 100 cellspacing="3" cellpadding="3"> ✉
Did you forget to close a (double) quote mark?

.................................................. ..........


I really appreciate the help! Let's bring it down to zero errors




In regards to unique ID names, I am having a strange problem.

I have custom drop down menus in navbar and they look like this:

<td id="1" class="nav_menu_control" style="width: 81px">
(in header template)

<div class="vbmenu_popup" id="1_menu" style="display:none">
(in navbar template)

The above is default (showing errors in w3 validation) yet they work fine.

IF I change the ID each to something like below, it shows the menu title but no longer drops down the sub menu, nor shows the down arrow icon (indicating drop down menu)

<td id="menu1" class="nav_menu_control" style="width: 81px">
<div class="vbmenu_popup" id="menu1_menu" style="display:none">

[Dismounted]

You do know the W3C Validation is really nothing to worry about?

[cheat-master30]

Originally Posted by chadi

Thanks. I just went from 89 to 41 errors just from fixing images. Completely forgot about the end / mark.

I also removed this to bring it down to 40 errors. About 5 are coming from the highslide mod which I posted in its thread but received no response yet. Maybe you'd know?

allowtransparency="yes"

.................................................. ..........

Line 712, Column 15: ID "highslide-container" already defined.</div><div id="highslide-container"></div> ✉
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).
.................................................. ..........

Line 705, Column 9: ID "highslide-container" first defined here.<div id="highslide-container"></div>

.................................................. ..........

Line 713, Column 9: ID "controlbar2" already defined.<div id="controlbar2" class="highslide-overlay controlbar2"> ✉
An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

.................................................. ..........

Line 866, Column 39: character data is not allowed here.<table style="width: 100 cellspacing="3" cellpadding="3"> ✉
You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include:

• putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or
• forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or
• using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For more information about the reasons for this, see Empty elements in SGML, HTML, XML, and XHTML.

.................................................. ..........

Line 866, Column 14: literal is missing closing delimiter.<table style="width: 100 cellspacing="3" cellpadding="3"> ✉
Did you forget to close a (double) quote mark?

.................................................. ..........


I really appreciate the help! Let's bring it down to zero errors




In regards to unique ID names, I am having a strange problem.

I have custom drop down menus in navbar and they look like this:

<td id="1" class="nav_menu_control" style="width: 81px">
(in header template)

<div class="vbmenu_popup" id="1_menu" style="display:none">
(in navbar template)

The above is default (showing errors in w3 validation) yet they work fine.

IF I change the ID each to something like below, it shows the menu title but no longer drops down the sub menu, nor shows the down arrow icon (indicating drop down menu)

<td id="menu1" class="nav_menu_control" style="width: 81px">
<div class="vbmenu_popup" id="menu1_menu" style="display:none">

You cannot use an id more than once, so if you are, change the id to a class then the # in the CSS next to the name to a .

[Chadi]

In regards to unique ID names, I am having a strange problem.

I have custom drop down menus in navbar and they look like this:

<td id="1" class="nav_menu_control" style="width: 81px">
(in header template)

<div class="vbmenu_popup" id="1_menu" style="display:none">
(in navbar template)

The above is default (showing errors in w3 validation) yet they work fine.

IF I change the ID each to something like below, it shows the menu title but no longer drops down the sub menu, nor shows the down arrow icon (indicating drop down menu)

<td id="menu1" class="nav_menu_control" style="width: 81px">
<div class="vbmenu_popup" id="menu1_menu" style="display:none">

[Chadi]

I hope someone can help me out here please. Thanks.

[consolegaming]

Have u altered the css code too like suggested?

i.e. it'd be something like:

#1
#1_menu

maybe slightly different but the # would definantly be there.

[Chadi]

There is no css code for the drop down menu.

[consolegaming]

For the css code comment I meant where the css gets declared, I can't be sure exactly where it'd be declared but it''s generally in the headinclude part of the template or the additional css section. DUnno if that helps though

Also another of my suggestions would be to try searching your template/s for the term: id="1"
and : id="1_menu"

maybe there are multiple sections that have that id applied to them. In which case they'd all need to be turned into class.