W3c styles

[Desmond]

Can anyone help on this last remaining problem? I have tried to make
my site w3c compliant. And it works and has passed the tests. However
it just doesn't look right in Firefox 1.5.0.11. But is ok in IE7.
since moving everything into <div>s the image border around the menu
has a border. Has to be something simple. Any quick solution to this
please. Everything else about the site is OK.

http://www.des-otoole.co.uk/

Desmond.

 

[Jonathan N. Little]

Can anyone help on this last remaining problem? I have tried to make
my site w3c compliant. And it works and has passed the tests. However
it just doesn't look right in Firefox 1.5.0.11. But is ok in IE7.
since moving everything into <div>s the image border around the menu
has a border. Has to be something simple. Any quick solution to this
please. Everything else about the site is OK.

#side-menu a img

{

// border: 0;

}



Remove the // in stylesheet and BTW // is not valid way of commenting in
CSS, /* ... */ the old C style comment is used in CSS

http://www.w3.org/TR/CSS21/syndata.html#comments

 

[Ben C]

Can anyone help on this last remaining problem? I have tried to make
my site w3c compliant. And it works and has passed the tests. However
it just doesn't look right in Firefox 1.5.0.11. But is ok in IE7.
since moving everything into <div>s the image border around the menu
has a border. Has to be something simple. Any quick solution to this
please. Everything else about the site is OK.

http://www.des-otoole.co.uk/

You're almost there.

You have a selector

#side-menu a img
{
// border: 0;
}

That C++ style comment is a syntax error, so the whole selector gets
ignored. But Firefox wants to put a blue border around an img in an a
(presumably that's in its default stylesheet), so change it to

#side-menu a img
{
border: 0;
}

 

[Desmond]

You're almost there.

You have a selector

#side-menu a img
{
// border: 0;

}

That C++ style comment is a syntax error, so the whole selector gets
ignored. But Firefox wants to put a blue border around an img in an a
(presumably that's in its default stylesheet), so change it to

#side-menu a img
{
border: 0;



}- Hide quoted text -

- Show quoted text -

Thanks for that. Still trying to get to grips with <divs> and CSS. any
good book. I mean a technical reff style
please.

Desmond.

 

[Ben C]

Thanks for that. Still trying to get to grips with <divs> and CSS. any
good book. I mean a technical reff style
please.

This is the one:

http://www.w3.org/TR/CSS21/

Supported quite well by Firefox, Konqueror (Safari), and Opera. IE7
better than IE6.