hey

 

I have attached my header that i want to use on my site (its working progress)

 

i am working in stages, i have done my code for the time being on one page(but will split later)

 

its here

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

 

<style type="text/css">

*{margin:0; padding:1;}

#body {background:url(img/body-background.png); font:11px "Museo 300", sans-serif; color:#464348;}

#header {width:960px; height:320px; margin:0 auto; background:url(img/logo.png) no-repeat}

#menu {float:left; padding-top:12px; height:0px;width:310px;}

.gn-home a {background-position:68px 270px}

</style>

</head>

 

<body>

<div id="body">

<div id="header">

<ul id="menu">

<li class="gn-home"><a href="#">Home</a></li>

</ul>

</div></div>

</body>

</html>

 

how can i get the link to be on home, about etc.

 

I have tried it but it comes at the top of the page.

 

Can anyone help.

 

Thanks

Are your menu links images? If so change them to text, and if you still want to use that font, cufon it or have a look at some web fonts - http://www.fontsquirrel.com/

Edited February 21, 201214 yr by ash182

In

.gn-home a {background-position:68px 270px}

you can't only have background-position, you have to have the image code even if it's already in a parent style, you need it in the "a" style with the background-position.

so ideally i need the menu to be a separte img then

 

then link that way

At the moment you have background-position:68px 270px} for .gn-home a which means the "a" tag box has to be very wide and high to show anything with those positions. Do you want the background image in each li tag or for the whole menu?

i want the links to link to the home,about etc on the logo.

 

if thats what u mean?

ok i have sorted the links out, how would i go about getting the hover to be in same position as the non-hover

 

when you hover over them they drop down a little bit.

 

can anyone let me know

 

thanks