linking a logo to the homepage…

[graphicalBliss]

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?

[chrisburton]

HTML

Graphical Bliss

CSS

h1 {

width: 200px;

height: 200px;

background: url('image/path.png');

text-indent: -9999px;

}

[TheDoc]

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;

}

[graphicalBliss]

thanks for the suggestion but I can’t seem to retrieve my image

[TheDoc]

Do you have a link to the site? You probably haven’t put the path to the image in properly.

[graphicalBliss]

thanks thedoc that worked great but ive lost my main body content

[TheDoc]

“Do you have a link to the site?”

[graphicalBliss]

i’ll just upload the site since its not live

[graphicalBliss]

http://www.corriandjoel.co.uk heres the link but its blank

[TheDoc]

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;

}

[TheDoc]

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!

[graphicalBliss]

thanks for your help much appreciated

[Author]

Posts