- This topic is empty.
Viewing 12 posts - 1 through 12 (of 12 total)
Viewing 12 posts - 1 through 12 (of 12 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I’m trying to link my main logo to my homepage but I’m struggling to do this successfully….. has any one got any suggestions?
HTML
Graphical Bliss
CSS
h1 {
width: 200px;
height: 200px;
background: url('image/path.png');
text-indent: -9999px;
}
I wouldn’t use the h1 tag unless you are already on the home page.
Something like
Graphical Bliss
#logo {
display: block;
width: 200px;
height: 200px;
background: url('image/path.png');
text-indent: -9999px;
}
thanks for the suggestion but I can’t seem to retrieve my image
Do you have a link to the site? You probably haven’t put the path to the image in properly.
thanks thedoc that worked great but ive lost my main body content
“Do you have a link to the site?”
i’ll just upload the site since its not live
http://www.corriandjoel.co.uk heres the link but its blank
You didn’t close your logo div. Your HTML is wrong as well.
Remove this:
And add this:
Corri and Joel
Then in your CSS file, remove this:
#logo h1 {
text-indent: -99999px;
}
#logo img {
margin-top: -35px
}
And add this:
#logo {
display: block;
width: 200px; /* Put width of image */
height: 200px; /* Put height of image */
background: url('image/path.png'); /* PUT THE PATH TO YOUR IMAGE HERE */
text-indent: -9999px;
}
That is just for starters. Next:
You are linking to a stylesheet that doesn’t exist:
You don’t have a single closing div. What opens must also close!
thanks for your help much appreciated