Megan — Wed, 28 Jun 2006 12:38:39 +0000

Putting one class in it's own CSS property wouldn't be very good use of a code even if you wanted to re-use it all over. Then you'd probably end up with a lot of multiple classes on everything. In this case you could call it "frame" or "outline' or something. "brownborder" wouldn't make any sense if you wanted to change it to green, and "bordercolour" wouldn't make sense if there were other elements in there like, say, padding.

So you can (and should) have semantic class names that are re-usable elsewhere when necessary. Semantic names are always ideal I find that I learn to structure my code better I use classes less and less. If you had all your tables in a certain area you'd use #content table instead of putting a class on all of them.

Busy — Tue, 27 Jun 2006 22:32:40 +0000

The big problem with using semantic names is they are throw away names - not useable elsewhere.

Imagine you called this class "frontpagesplashframe" although over the top it is exactly what it could be, now say we want the same properties elsewhere, imagine finding id="frontpagesplashframe" on the contact page or orderform or similar?
While I admit my choice wasn't the best, a better one to use would be "bordercolor" or "brownborder", this way it can be reused which saves on coding/bandwidth/load time.
Depending on the code involved it can be different but in this case a semantic name is not ideal

Megan — Tue, 27 Jun 2006 13:06:42 +0000

Another correction to busy's code - bgcolour is not a semantic name for a class, it's purely aesthetic. With CSS you are attempting to separate form from function as much as possible. The CSS class names should match the function in the HTML, while the actual CSS describes the form. You should name your classes for what they are doing, not what they are making something look like. So in this case you could call it "splashcontainer" or "splashframe". This way you'll also be able to add more CSS to that element.

Busy — Mon, 26 Jun 2006 22:11:18 +0000

Just remember in CSS the id can only be used once per page, the class can be used over and over - a common oversight

Blue — Mon, 26 Jun 2006 12:08:32 +0000

Well here's what happened ...... I did all of the above and I realised the reason it looked different to me was that IE was not recognising the style tag for that table so it simply displayed the table border as white. No matter how I tried it wouldn't work so I created a new style for that tag in the css file and it works perfectly. Now it validates! Thanks.

Neutron2k — Sun, 18 Jun 2006 16:14:43 +0000

bordercolor isnota w3c valid property for anyelement. Its an IE only thing. they way around it is to use:

style="border-color: #ececec;"'

on the element you wish to change the border colour. A better method to inline css would be to define a special class for the elements with border colours tho.

Busy — Sun, 18 Jun 2006 11:03:22 +0000

What browser are you using, looks the same to me on FF
Mind you the colour isnt a RGB one so can look different on different screens, try choose a colour closer to the RGB ones.
Try something like #7B3921 (is a 256 colour)

remember the 0's are numbers not letters in colour codes

Blue — Sun, 18 Jun 2006 03:43:42 +0000

Thanks Busy, you were spot on with both and now it will validate, although I haven't changed the bordercolor tag because it displays differently to the original. I may have to live with it and if that's the case I may even drop the border because the validated display looks a bit funky. You can see the difference at these two links.

Original - http://www.laughingbuddhadesign.com
Validated code - http://www.laughingbuddhadesign.com/copy_of_index.html

If anyone has any suggestions about why it displays differently please let me know. Otherwise the wee border may have to go .....

Cheers,

Blue

Busy — Wed, 07 Jun 2006 10:31:00 +0000

add #bgcolour {bordercolor:#783820;}' between your style tags and in your table tag add id="bgcolour"'

your map tags are between the and , take the tag from below the map tags and place after the before the map tags

and then it will validate