[EMAIL PROTECTED] wrote:
>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 ?
>
>
>#header h1{
>height: 142px;
>width: 292px;
>float: left;
>background-image: url(logo.gif);
>background-repeat: no-repeat;
>margin-top: 10px;
>margin-right: 0px;
>margin-bottom: 0px;
>margin-left: 20px;
>padding: 0px;
>}
>
>
><div id="header">
><h1><a href="index.php"
>title="Restaurant"></a><span></span>Restaurant</a></h1>
></div>
>______________________________________________________________________
>
>
Hi Ian,
Try "Restaurant" inside the <span></span>, delete the second </a>, and
add a style:
#header span { margin-left: -9999px; }
Then text readers and search engine bots can read the h1 text, while the
screen is only showing the logo.
Greetings,
francky
Btw, maybe you can give a more specific h1 text, like "Spanish
restaurant in ...", if that are keywords for the company to attract
Googlin' visitors. - With only "restaurant" searched, Googler is giving
368.000.000 results, all over the world; though "Spanish restaurant in
London" hits still 2.800.000. - I guess your restaurant isn't easy to
find... ;-)
______________________________________________________________________
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/
