PDA

View Full Version : Smooth menu question



archangel52
11-17-2008, 01:45 AM
ddsmoothmenu

http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

I would like to change the height of the menu bar. I would like it to be a bit thinner. I can see the width adjustment, but I can't figure out how to make the change I need. Thanks for your help! Great script! :)

Schmoopy
11-17-2008, 02:22 AM
Simplest way I could find was changing the CSS to the following:



/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: white;
padding: 5px 8px; // Change this line to what is in red
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}


Then just reduce the padding until you're happy with the size, also change the font size, just depends on how small you want it, hope this helps,

Jack

Edit: Almost forgot, make sure to change the properties for the arrows as well, as they will move when you change the padding, so let's say you have the padding set up as I do above, you'd change the CSS for the arrows like this:



.downarrowclass{
position: absolute;
top: 9px; // Change to 9px to account for reduction in padding
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 8px; // Same again here
right: 5px;
}


I think you get the gist of it, just play around with the padding, and after you're settled on a size, move the arrows accordingly, good luck :)

archangel52
11-17-2008, 09:29 PM
WOW!
Thanks you so much. It was right in front of me all the time. I changed the lines you suggested and it worked perfectly.

Thanks again! :D

Schmoopy
11-17-2008, 09:33 PM
No problem, glad to hear I could help, just post up if you run into any more problems :)