I swear we just had this thread last week, but can't find it in the
back-catalog. Must be getting my lists confused.
Mihael, I share your view that <h1><img/></h1> is a bit ugly. I'm aware
from extensive debate that the following idea is pretty unpopular, but I
like to assign an id to my <h1> and style it to display the logo...
<h1 id="logo">Corporation Ltd.</h1>
h1#logo
{
display: block;
width: #; height: #;
background-image: url(#);
background-repeat: no-repeat;
text-size: 1px;
text-decoration: none;
color: [background-colour];
text-size: 0;
}
First of all I make the text size minuscule and indistinguishable from
the rest of the page (for browsers that refuse to understand zero
font-size - like IE and current release Safari), and then supersede that
with font-size:0 so that clever browsers can make the text dissapear
completely. Afterwards you are left with nothing.
The arguments against this are first of all that the above technique for
hiding text isn't perfect in a lot of browsers, and that even if it does
work, any user agent that has disabled images will make the whole <h1>
illegible. Valid points, but I haven't bumped into them yet to the best
of my knowledge :P.
Another method is to include an empty non-image object into the h1 that
has all the non-text properties written above. I've seen this work, but
the problem is that it's strictly speaking invalid to A) put a <div>0
inside an <h1> or B) have an empty <span>.
So don't say I didn't warn you of the cons, but those are two methods I
find pretty interesting!
Regards,
Barney
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
