I presume that writing
#header a { same size as header }
is better
a#header { same size as header }
a#header probably will not work because a tag is after div #header tag.
it is the same for the span tag
#header a span { visibility: hidden; } than #header span { visibility:
hidden; }
Berry
>Hello -
>
>As I playing with my blog the other day, I came accross this type of
>thing. I'm curious which of these two examples is more correct. In
>both cases, the intent is to replace a text header link with a
>clickable background image. (stripped down a bit too)
>
>HTML:
><div id="header"><a href="link.html"><span>Link Text</span></a></div>
>
>CSS:
>#header { postion etc, background-image: }
>a#header { same size as header }
>#header span { visibility: hidden; }
>
>*or*
>
>HTML:
><div id="header"><a href="link.html"><div>Link Text</div></a></div>
>
>CSS:
>#header { postion etc, background-image: }
>a#header { same size as header }
>#header div { visibility: hidden; }
>
>
>Just curious what thoughts on this might be. Thanks.
>
>~j
>--
>Jonathan T. Sage
>Theatrical Lighting / Set Designer
>Professional Web Design
>
>[HTTP://www.JTSage.com]
>[HTTP://design.JTSage.com]
>[EMAIL PROTECTED]
>******************************************************
>The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
>******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
