Ok, so i'm making another website. But I have run into a problem!
Transforming XHTML code from Transitional to Strict isn't very easy, and what's worse? The original code had over 100 validation errors.

I have managed to reduced that number to 6 errors.

Ok, so the main problem is... After I fiddled around with the CSS code and managed to take away the



code from the tag and put them in CSS as



but the code seems to have problems keeping borders at bay...

so now I have white borders surrounding every little table and picture! so what would fix this? I would really want to stay within the XHTML Strict rules. So help?... Anyone?

 

 

 

Reply

http://www.w3schools.com/css/css_border.asp

Basic css format:to eliminate all Borders. Place this on the body and they should all go away.

Then add them back into the page as you need them on various Elements.

ie:
for a 2px wide red border on Paragraph elements.

or:
for a 2px wide red border on Paragraph elements of the class "pretty". Be sure to add the class="pretty" to those Elements. Multiple Elements can be using the same class name of a page.

or:
for a 2px wide red border on Paragraph elements of the id "pretty". Be sure to add the id="pretty" to those Elements, and remember, there can only be one occurrence of an id on each page.

Of course, IE will likely not obey this Rule the same way as Standards Compliant Browsers, but it is a start...

 

 

 

Reply

oh thank you so much jlhaslip!

Now I need some other help with CSS... because the height and width attributes aren't valid in XHTML 1.0 Strict and the CSS alternatives are height:x; and width:x; but for some reason when I try to use the CSS ones it doesn't work but when I use the non-valid XHTML tags it does work...



is one piece of code that will not work if I do this



So what should I do? is there any mistake I made? or what?

Reply

you need to use the units when specifying the height and width attributes for the images or any other element.

use the following code and it should work and is 100% valid HTML Strict



I'd suggest that you should use a separate file as style sheet containing all the styles and never use inline styles. I'd also suggest that you'd use div's and css for positioning and layout of your webpage as per the Web Standards. This will greatly help you achieve lighter and neat page.

Reply

If you ever want some help with coding, I always use w3 schools!
I am actually making an external CSS generator using python. When it's finished i'll let you know

Reply

Delivi is correct you need to be specific in em's, px's, pt's or it won't display properly and the browser will trigger quirks mode on you. Although you clean up most of those errors already usually before changing DTD's you first want to burn as many of those errors as possible, and like you said going to strict is no joke since Transitional is a little looser on the rules then strict is. So you could be error free from Transitional but whined up with about 100 errors in strict.

Also if you plan to go tables design your tables in CSS, pain as a but that will be it will cut down on the mixing of CSS between the actual html file and the CSS style sheet.

Reply