Hi Matt!
Thank you.
What a fantastic quick and nice respond. I'm happy about it. Thanks.
As you can see, I have installed the Extended Menu and I have made "sprites" for all menu images. So far so good.
http://kaptajnb.dk/Kasernerevyen/Now I need to change my style.css.
Here is my problems right now. How do I make a code for each menu, which are different heights? I know the exact heights for each, so I have to define each of them somehow and afterwards I need to refer to the exact menu image in my css. But how do I make several menu rules in the css, and how do I tell Joomla, that for left_menu_01 I need one rule and for left_menu_02 I need another rule etc?
Can you help me starting out in the right way, please? I don't need #active_menu, while I have made a normal and a rollover image - 2 images in the same file.
My menu images (from top of my website):
left_01.png: 27 px (height)
left_02.png: 19 px (height)
left_03.png: 30 px (height)
left_04.png: 17 px (height)
left_05.png: 28 px (height)
left_06.png: 24 px (height)
left_07.png: 22 px (height)
left_08.png: 24 px (height)
left_09.png: 19 px (height)
As you see, the height is different on each menu, so I need to define each menu. But how? (I'm very new in coding!)
When you name it "#header ul li a", does that mean that "a" is the first? Then comes "b" etc? Or does "a" refer to the function of rollover?
How do I name each menu item specificly and how do I tell Joomla to find this exact rule for each menu?
This is what you refered to:
#header ul li {
overflow: hidden;
height: 44px;
float: left;
}
#header ul li a {
display: block;
}
#header ul li a:hover {
margin-top: -44px;
}
#active_menu {
margin-top: -88px;
}
This is how my style.css is now:
/* ######## MENU ########## */
#left UL {
list-style: none;
border: 0px;
margin: 0;
padding: 0;
}
#left LI {
display: block;
}
[Edited by kaptajnb on 08-Oct-09 15:24]
--
/KaptajnB 
For your article and for your help! It works perfectly
){kind=link}
