CSS Validation Errors Help if Possible

[spazzer]

Hi,
I was wondering if anyone could help with these validation errors when I run my site with the built in site checker in Dreamweaver CS3,can anyone advise on any alternatives or should I ignore any of these, I would appreciate any help,

These are my Global CSS Style Sheet errors:
table {
border-collapse: collapse;
width: 100%;
border: 2px solid #666666;
border-spacing: 0;
Unsupported Property:border-spacing in IE6 and 7


.photoAlbum {
vertical-align: top;
display: inline;
float: left;
width: 143px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 0px;
background-color: #FFFFCC;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
border: 1px solid #FFFFFF;
color: #FFFF66;
}
Unsupported Value: top Affects IE for Macintosh 5.2

These are my Lightbox copied CSS Style Sheet errors:

#hoverNav a{ outline: none;} affects Netscape 8.0

#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}
Unsupported Property: outline affects affects IE6 and IE7

Many Thanks,
Nick C

[Snookerman]

This validates for me:


table {
border-collapse : collapse;
width : 100%;
border : 2px solid #666666;
border-spacing : 0;
}
.photoAlbum {
vertical-align : top;
display : inline;
float : left;
width : 143px;
margin-top : 0;
margin-right : 10px;
margin-bottom : 20px;
margin-left : 0;
background-color : #ffffcc;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 10px;
padding-left : 5px;
border : 1px solid #ffffff;
color : #ffff66;
}
#hoverNav a {
outline : none;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}


I just removed the non-css comments.

[spazzer]

Hi,
Thanks for reply, could you tell me what you removed if anything please as I see it all as it was when I posted it !

Thanks,
Nick C

[simcomedia]

Basically you can't have text in your CSS document without using the proper way of commenting it:

this: #hoverNav a{ outline: none;} affects Netscape 8.0

should be this: #hoverNav a{ outline: none;} /*affects Netscape 8.0*/

The /* */ opens and closes your comments and renders them invisible. The validator is thinking they are additional selectors and doesn't recognize them.

[spazzer]

Hi,
I inserted the comments in Notepad to tell you guys why it wasnt validating the comments are not part of my CSS !

Cheers, NC

[BLiZZaRD]

Dreamweaver is crap. Don't listen to it. DW couldn't validate parking.

Use the W3C... CSS validator (http://jigsaw.w3.org/css-validator/) and the HTML Validator (http://validator.w3.org/)

And for cryin out loud, stop using DW. Use notepad. Or Notepadd++, but NOT DW, Frontpage, or {insert other 3rd party "build-a-site" software here}.

[Snookerman]

I agree on the validation but I like Dw as an editor, I guess I'm just used to the color coding. I use Notepad++ if I need to edit something fast since it loads in no time. I know there are better editors with more advanced features, it's just that I don't want to spend a bunch of time learning how it works. :o

[BLiZZaRD]

Yes, but Notepad ++ has color coding, as well as styles to change the default colors.. I currently use the Deep Black style, but the Vibrant Ink and Obsidian are some of my favs as well.

Not to mention all the add ons and plug ins and style choices. I even have syntax highlighting for AS2, 3 as well as the regular languages.

It's my favorite editor, but, it is an opinion. :)

[ntriqetev]

use free a css/html validator http://www.gotoware.com/CSE-HTML-Validator-Lite/d-91-124504.aspx