PDA

View Full Version : jQuery Multi Level CSS Menu #2



jornessim
08-21-2011, 06:46 AM
Hi John,
I would like to ask how to make the menu like 100% fit without the space as mention at the "red A" zone? A picture attached below.

http://web.ezenne.com/images/jquery.jpg

The css code goes here...
http://www.dynamicdrive.com/cssexamples/media/jqueryslidemenu.css

The js code goes here...
http://www.dynamicdrive.com/cssexamples/media/jqueryslidemenu.js

I would like it to be like this...
http://web.ezenne.com/images/jquery.png

Can you show me how to do that?
I tried to adjust the code but it doesn't work no matter how i did with the code.

Thank you! :)

Regards,
Jornes

azoomer
08-21-2011, 10:05 AM
Go to jqueryslidemenu.css and find this:

.jqueryslidemenu{
font: bold 12px Verdana;
background: #414141;
width: 100%;
}

Adjust the width until it fits. I think
width: 438px;
will make it like the last image you are showing.
But if you change text in the menu or add more tabs it will have to be adjusted accordingly.