xHTML help needed...

[Peggy]

I'm having an issue with one line of code that is keeping my newest design from validating - which is driving me straaaaaaaaaaaaight up the wall. :gah:

I'd appreciate some help from someone who has a good working knowledge of xhtml, please.

[Peggy]

Never mind, I did it MESELF!!!!!!

OOOHHHH yeah, doin' a happy dance!! :bunny:

[Chris]

Good job Peggy. Glad you got it working.......

[Peggy]

Chris it was a background for the navbar on my new style. You can see it on my site.
I wanted the navbar bg to be a certain height, but height=29 or height="29" in the table tag was throwing up all kinds of validation errors.

So I took that css code that you showed me for my header bg image and incorporated it into both my additional css and the code in the header (which is where I moved the navbar to). It wasn't even close to being the same, but I kept playing with it and cussing it out til BAYUMM, validation complete. :D

[Chris]

Ah yes CSS. It is a big help for getting a site in compliance. Good job again Peggy.

[Peggy]

Thanks babe :D

[Noppid]

Now check the CSS on a validation tool. :p

[Peggy]

Now check the CSS on a validation tool. :p

Ok I did this, and I do have 1 error. But I don't know where! That thing is confusing :mad:
Can you look at it for me?

Error (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.themesbydesign.net% 2Fforums%2Findex.php%3Fstyleid%3D99&profile=css21&usermedium=all&warning=1&lang=en)

[protoss]

Please try this Peggy


.nav {
background : #000000 url(images/styles/sunrise/misc/nav.png) repeat-x top left;
height : 31px;
}

[Peggy]

protoss, that's exactly what I have already. Thanks!

I still don't know what that css error is and I'm not going to worry about it now.

[protoss]

:confused: . strange one.

I had a one recently

The error was reported as two widths 100% px
I went through and through the .css and couldn't find a damned thing.
Then I though div style= and the likes
So I decided to search the source code (view source) and discovered it


<div style="width: $stylevar[outertablewidth]px; margin: 0 auto;">was altered to

<div style="width: $stylevar[outertablewidth]; margin: 0 auto;">it only required me to remove px
note it's not strictly in the .css file itself. Obviously the validator checks the "style" lines as well.

Perhaps it's the source code that's causing your error.

[protoss]

Please check it again Peggy

it should be....

.nav { background: #000000 url(images/styles/sunrise/misc/nav.png) repeat-x top left; height: 31px; }

I think you have an unescessary ; in the line @ misc/nav.png) ; repeat

[Peggy]

You're right I do . I didn't notice that. Sometimes extra eyes are just what is needed.
Thanks so much protoss!

[protoss]

NP. Nice to see people taking the time to validate their code . :)

[Peggy]

I've actually been interested invalidation only since 3.7 came out. I figured, ok, starting a whole new series of styles, may as well do it up right ;)

[Mike54]

There's more and more evidence to show it is time well-spent.

[Chris]

Yeah time worth spending. It is a plus on all your styles for the user when they validate.

[Dave A]

And it shows professionalism.

[protoss]

I was at a forum yesterday that had the valid W3C icons for xhtml and .css

XHTML Result = 429 Errors, 137 warning(s)

CSS Result = Sorry! We found the following errors (35)

:spank: