i am trying to create a menu that is similar to the one on this site

http://www.toucouleur.fr/

*the menu is on the top


but i have no idea how to do it, i first thought fireworks would do the trick but apparently not cuz i suck at fireworks

anyone know how to achieve this effect? or maybe help me find wat i am doing wrong in fw

Well, that one is done using PHP and/or javascript, but you could achieve something similar using CSS or perhaps jQuery.

my guess if i am using css is to have a a:hover thing then mess around with the z-index?

i am really new to web designing, i love how u answered all my questions, you are awesome

Appetizer Either buy a some prepared dips and serve with assorted breads and breadsticks, or serve a stuffed vegetable. I like to serve stuffed cherry tomatoes and mushroom caps.

Personally I'd just make the images on photoshop the write the CSS manually.

This is what the site dose though (just read the source dude):
So say each of those items are hyperlinks in a list. That site has one image used as the background for the container of those hyperlinks. I grabbed that image and stuck it in imageshack here:http://yfrog.com/64menuadvp

If you've looked at the image you can probibly guess what happens, when you mouse over if changes the position of the background image. It dose this by changing the class

<a onmouseover="document.getElementById('dynmenu').className=' d-work'; " id="dynwork" href="http://www.toucouleur.fr/internet-marketing/">

//...CSS:
div#dynmenu.d-work{
	background: url(elements/menu-adv.png) 0px 42px;
}
div#dynmenu.d-blog{
	background: url(elements/menu-adv.png) 0px 0px;
}
div#dynmenu.d-contact{
	background: url(elements/menu-adv.png) 0px 84px;
}

I would use css for this, i reckon its the simplest and cleanest way. Google CSS mouseover menu and it will come up with loads of useful code. I do think that the example is a bit too extravagant though, it takes too long to load!