[SOLVED] 2 validation errors

[danny322]

hey, could somebody please tell me how to fix the 2 validation errors im getting......

http://www.design365.co.uk/farmaround/home.htm

Ive managed to get the errors down from 96 to 2 lol.

Thanks

[MikeHopley]

You need to move the presentational attributes "border" and "align" out of your XHTML, and into your CSS.

For example, this CSS removes borders on all images that are inside a <a> element:

Code: Select all

a img {
border: 0;
}

...and this CSS centres the footer text:

Code: Select all

div#footer {
text-align: center;
}

[danny322]

thanks mike that worked a treat. Im a bit gutted i cant use div align=center though lol!

[MikeHopley]

Originally Posted by danny322

thanks mike that worked a treat. Im a bit gutted i cant use div align=center though lol!

My pleasure.

<div align="center"> is no loss: CSS can do this. For centred boxes, use auto margins:

Code: Select all

div.centredBox {
width: 300px;
margin: 0 auto;
}

[danny322]

hmmm. Yea i use margin: 0 auto; all the time. However, when i removed the div align=center i put a margin: 0 auto; on the div#footer_container but it didnt center it. Im guessing for margin: 0 auto; to work you need to set a width?

[MikeHopley]

Originally Posted by danny322

hmmm. Yea i use margin: 0 auto; all the time. However, when i removed the div align=center i put a margin: 0 auto; on the div#footer_container but it didnt center it. Im guessing for margin: 0 auto; to work you need to set a width?

Yes, you need to set a width. If you don't set a width, there's no way to tell how wide it's supposed to be, and therefore it's impossible to calculate the space available for auto margins.

Congratulations for validating your site against a Strict doctype.