W3 Validation

[turtleman]

I've been messing with one page on my site and the most common problem I have is this after the valadation at W3 is done

required attribute "alt" not specified

..."picts/spacer.gif" height="10" width="10" border="0" /[b]>[/b]<br />


Whats the correct why to write this?, theres like 40 errors on that page most of them are this one.

Currently the pages were HTML but I've been working on getting it changed over to a CSS format instead of the Frames it has now and then converting to XHTML, but before I create a new page in CSS I'd like to get the HTML cleaned up

[Jim]

If the only error is the \"alt\" part, try this:

...\"picts/spacer.gif\" height=\"10\" width=\"10\" border=\"0\" alt=\"\" />

[Scott]

As the validator is informing you - the alt attribute is required for valid HTML. This can be, such as redrum\'s example, null. This is, however, not recommended for accessability concerns - in this example having the alt attribute set as \"spacer\" would be a valid option.

[turtleman]

Thank You both for the help, I still dont understand what the "alt="" does or why its there but none the less it fixed some of the problems,, one of the other biggest problems I had was end tags that were not open.. after I got that deleted I'm now down to 13 problems,, LOL, and I think the issued with that is because the page is set up as useing "Frames" instead of CSS, heres the remaning errors

[url=\"http://validator.w3.org/check?uri=http% ... embers.htm\"]http://validator.w3.org/check?uri=http% ... embers.htm[/url]


back to W3 again <img src=\'http://www.killanet.net/forum3/public/s ... >/bye2.gif\' class=\'bbc_emoticon\' alt=\'(bye)\' /> LOL

I'm begining to think W3 is going to create a page on there site just for me

[Scott]

Sorry, should\'ve explained. The alt(ernative) attribute is the text which will be shown to a viewer who\'s browser has been unable to load the image, or has disabled images being loaded. Most of the errors your still getting are due to use of deprecated tags or attributes, eg <center> should be <div style=\"text-align: center;\"> (or a class).

[turtleman]

Bing! <img src=\'http://www.killanet.net/forum3/public/s ... ggidea.gif\' class=\'bbc_emoticon\' alt=\'(idea)\' /> .. the light bulb just went on..... Thanks Vu|ture,, so if someones browser isnt able to view the image with the alt="" it will just show a space,, but if I did;

alt="Hey Nimrod your browser sucks"

then in that case theyd get mad and leave my site alltogether..... right??

I've been in Dreamweaver and its been real helpful so I found the <div> tags but I couldnt find anything about the "style" part,, thanks for the input

Whats the "class"?

[Josh]

Class is just another thingo for CSS.. I don\'t really know how to explain it <img src=\'http://www.killanet.net/forum3/public/s ... /blink.gif\' class=\'bbc_emoticon\' alt=\':blink:\' /> --> check it out here:

[url=\"http://www.w3schools.com/css/default.asp\"]http://www.w3schools.com/css/default.asp[/url]

[turtleman]

I think I just answered my own question.. to use vu|tures centering line I'd have to add someplace in the Document;

<style type="text/css">
.nodot {
list-style: none;
padding-left: 20px; /* Change this number to more/less depending how far you want it.*/
}


Maybe not that but thats what I had to do to get the comment lines in for the links back


Thanks Josh.. LOL thats what I been reading.. it just dosent make any sence to me at this point

I'm one of those people that has to learn it over and over then one day everything seems to fall in place and it all fits together... I just havent made that connection yet

<img src=\'http://www.killanet.net/forum3/public/s ... /ggsad.gif\' class=\'bbc_emoticon\' alt=\'(sad)\' />

[turtleman]

OK Its falling in place,, I added this to the style;

<style type="text/css">
h4 {text-align: center}
.nodot {
list-style: none;
padding-left: 20px; /* Change this number to more/less depending how far you want it.*/
}

deleted the <center> tags,,, the page looks the same so well see what happens next.LOL

[turtleman]

[b][font=\"Impact\"][size=7][color=\"yellow\"]YEEEE HAAAAA[/size][/color][/font][/b]


down to 8 errors


LMAO

[url=\"http://validator.w3.org/check?uri=http% ... embers.htm\"]http://validator.w3.org/check?uri=http% ... embers.htm[/url] <img src=\'http://www.killanet.net/forum3/public/s ... lthumb.gif\' class=\'bbc_emoticon\' alt=\'(cool1)\' />

[Josh]

lol, it\'s okay turtleman, I can\'t learn when I just read about it.. I\'ve got to experiment and play with it first and then it will finally start to lock into the brain <img src=\'http://www.killanet.net/forum3/public/s ... /smile.gif\' class=\'bbc_emoticon\' alt=\':)\' /> You\'re not alone <img src=\'http://www.killanet.net/forum3/public/s ... >/blum.gif\' class=\'bbc_emoticon\' alt=\':P\' />

[Scott]

Using your stlye example above, <span class=\"nodot\">text</span> would give you a padding on the left of 20px. Your remaining errors aren\'t too much of a problem - all the \"margin\"\'s can be removed and adjusted in css. The background and height errors can also be done using a class in css.

[turtleman]

Thanks Vu|ture.. It only took me 3 days to figure out what I was doing (its a turtle thing I think), I was getting all messed up on External and Internal Style sheets,, I still have a few things I need to do but I'm at the point.. but before I go any farther I need to find a way to remove the "Frames" that the pages are based on, all the SEO things I've read tell me that the lill google bot hates em!, I dont know if it would be better to remake the whole page from new or edit this (if I can)

Can I remove the Frames in the Template?

I'd be happy to send a page file and the CSS if someone wants to have a closer look