I prefer the following IR:
<div id="masthead">
<h1><a href="index.html" title="The Company Name Web Site">Company
Name</a></h1>
</div>
in the stylesheet:
#masthead h1 {
margin: 0px; padding: 0px;
}
a {
width: Xpx; height: Ypx; overflow: hidden;
margin: 0px; padding: 0px; padding-top: Xpx; background: transparent
url(images/logo.gif) no-repeat top left;
}
That way you don't get "clear.gif" going in your otherwise semantically nice
mark up :o)
R
----- Original Message -----
From: "Thierry Koblentz" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Monday, October 10, 2005 1:30 PM
Subject: *****SPAM***** Re: [WSG] Placement of company logo
Richard Czeiger wrote:
Doing it this way IS good branding.
It's also about controlling HOW you want your logo to appear in
certain context. Anyone that's written a Corporate Style Guide will
know what I'm talking about...
Good point.
This Image Replacement method [1] allows this type of control (image
source
and size) and makes the logo clickable.
<h1><a title="Company home page" href="/"><img src="clear.gif" alt=""
/></a>Company Name</h1>
[1] http://www.tjkdesign.com/articles/tip.asp
</plug>
Thierry | www.TJKDesign.com
******************************************************
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
******************************************************
