Re: [css-d] Using an Image in a H1 tag
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: -px; }
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:-px;
}
#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
h1a href=/ title=Your title hereLovely 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/
[css-d] Using an Image in a H1 tag
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
h1a href=index.php
title=Restaurant/aspan/spanRestaurant/a/h1
/div
__
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/
Re: [css-d] Using an Image in a H1 tag
Ahhh .
You might wanna fix this in your markup:
div id=header
h1a href=index.php title=RestaurantRestaurant/a/h1
/div
I removed the span tags an a /a
// Sebastian
www.dammark.net
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Sent: 12. december 2006 23:42
To: Sebastian Dammark
Subject: Re: [css-d] Using an Image in a H1 tag
Thanks, tried what you suggested but the text is still showing on top of the
graphic?
---
Hi
Try adding this selector
#header h1 a {
display: none;
}
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
h1a href=index.php title=Restaurant/aspan/spanRestaurant/a/h1
/div
__
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/
Re: [css-d] Using an Image in a H1 tag
Hi Ian What do I need to add to my css to get rid of this ? div id=header h1a href=index.php title=Restaurant/aspan/spanRestaurant/a/h1 /div Remove the word Restaurant after the /span and before the /a. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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/
Re: [css-d] Using an Image in a H1 tag
[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
h1a href=index.php
title=Restaurant/aspan/spanRestaurant/a/h1
/div
__
Hi Ian,
Try Restaurant inside the span/span, delete the second /a, and
add a style:
#header span { margin-left: -px; }
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/
