Creating links for my navigation in the header graphic

i tried that, they haven’t moved, still bullet pointed :/

oooh i moved them! haha i used a code from my old layout! its like this:

#menu {
	width: 800px;
	height: 45px;
	margin-left: 30px;
	position: relative;
        top: 405px;
}
#menu ul {
	margin-left: 10px;
	position: absolute;
	bottom: -1px;
	overflow: hidden;
	height: 45px;
}
#menu ul li {
	float: left;
	margin-right: 3px;
	padding-left: 3px;
        font-weight: bold;
}
#menu ul li.current_page_item {
        width: 122px;
        height: 45px;
}
#menu ul li a {
        width: 122px;
        height: 45px;
        background: url(images/nav_bg.jpg) no-repeat;
	display: block;
	text-decoration: none;
	color: #333;
	line-height: 45px;
	text-align: center;
}
#menu ul li a:hover { color: #555; }
#menu ul li.current_page_item a { background: url(images/nav_bg.jpg) no-repeat; color: #ff0000; }

but i dont know how i move them now!

Hmmm, it must be because of that anchor link.

I’m going to experiment here (=my own system) a bit.

Peter

hey take a look, i got them to go over the links! do i just make a blank image and put it there now?

basically i have figured out how to get them over the right place i just need to get rid of the words in the links now

A good method would be to cut the images from your background, and use them as background images for your list items.

Peter

yeh thats kinda what i did! i just need to make a section (the ‘belle fantaisie’ part) of the header so i can make it the home link. don’t spose you know how to do that :p

same cutting technique ??

Then insert the image (not as background, but in your xhtml), and surround it with an anchor link. You probably have to remove the border in css afterwards, but that’s piece of cake.

Peter