making my site xhtml 1.0 traditional

Posted: Mon Mar 17, 2008 3:43 pm

im trying to make my site xhtml 1.0 traditional compliant i origionally had 204 errors and now im down to 2 can anyone help me figure out how to fix them i tryed but i cant get it

http://validator.w3.org/check?uri=http%3A%2F%2Fgotskillslounge.com%2F

website: http://gotskillslounge.com

and one more thing when i type in the login its a little to the left i tryed messing with the padding but then around the box it turns white

thanks to anyone that can help

Posted: Mon Mar 17, 2008 4:21 pm

Hi

I'm not sure where you're going with that home splash page, but it's close.

I should mention that it is not Nuke, nor RN, nor anything else as it is all static, so I'm not sure what you have in mind with it being posted here, but to cut to the chase, it simply needs that 1 TD fixed and a style applied to replace the background command.

I should mention that I don't know why you didn't go the XHTML 1.1 route, but whatever you want I guess.

Find:

Code:

<td backround="image-name.jpg"

Replace with:

Code:

<td style="background-image: url(image-name.jpg);"

Remove the second TD as it is outside the last closetable.

Posted: Mon Mar 17, 2008 4:54 pm

i put it in the correct section it says programming and im in the html section it doesnt say html for RN or nuke specifically

i used 1.0 cause i didn't want to change all the align's that where coming up
is 1.0 better or 4.01?

i tryed what you said but then it will throw a new error just like that one on line 12 and if i change them all then i get 4 new errors

and if i remove the <td> on line 55 it throws it all off

Posted: Mon Mar 17, 2008 5:39 pm

Well, the real point of doing this would be to put all of that style data in your CSS and use XHTML compliant requests to bring it forward.

It's not really a matter of "better", just newer and "different". XHTML 1.1 Transitional is a tad better because of improvement made from XHTML 1.0 Transitional.

It's really hard to fix (diagnose) a theme developed using the non-compliant methods, without having a copy of all of the files/images which is what makes it hard for us. I can spot a non-compliant call, but without the files to test render, I can see the impact and fix it.

You're going to find that making it compliant will require reworking almost every aspect of it.

The ideal here is that you define your TD in classes inside your style.css and then put images INSIDE those TD's.

For example:

Code:

<td valign="top" background="images/p3_bg.gif"><img src="images/3h1.gif" width="665" height="24" alt=""></img><br />

Would become:

Code:

<td class="bgmain"><img src="images/3h1.gif" width="665" height="24" alt="" />

You can also use styles:

Code:

<td style="vertical-align: top;">

I would suggest downloading a RN Theme (that is compliant) and using that as an example to work from. This will show you how the CSS and HTML works together.

You'll find that the HTML Validators throw weird errors when the page is "off". You'll fix one, and 4 more will spring up.

Posted: Mon Mar 17, 2008 7:32 pm

aight i'll continue to mess around with it and i only see xhtml 1.1 not 1.1 traditional is that what you mean?

oh i was going to start putting all the colors and stuff in the css because the template had the css right in the html and i started to take it out