> >Hi
> >
> >I am trying to use the following css to replace the <h1> text with the
> >logo.gif graphic, however the text 'Restaurant' is still appearing on
> top of the
> >logo.gif graphic?
> >
> >What do I need to add to my css to get rid of this ?
> _____________________________________________________________________
>
>
> Hi Ian,
> Try "Restaurant" inside the <span></span>, delete the second </a>, and
> add a style:
>
> #header span { margin-left: -9999px; }
>
>
>
Here's my take on it - you don't need the <span>:
CSS
-----------------------------------
#logo
{
width:200px; /* the width of your logo */
height: 120px; /* the height of your logo */
float: left;
text-align:left;
text-indent:-9999px;
}
#logo h1 a
{
width:200px; /* the width of your logo */
height: 120px; /* the height of your logo */
background: url(/images/your_logo.png) 0 0 no-repeat;
float:left;
}
XHTML
-------------------------------------
<div id="logo">
<h1><a href="/" title="Your title here">Lovely content for
Google</a></h1>
</div>
Does the same job with slightly less code.
Cheers
George
Shape Shed | http://www.shapeshed.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
