Log in

View Full Version : Smooth Navigational Menu - how to get different height in sub-menu



cosmo
08-22-2013, 01:25 AM
1) Script Title: Smooth Navigational Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem: To accommodate an image set in <li class="pumpkin"> with CSS as:

.pumpkin {
background-image:url('../images/creepy/pumpkin2.png');
background-repeat:no-repeat;
background-position:center;
padding:0px;
}

I have set a minimum height as:

.ddsmoothmenu-v ul li {
position: relative;
min-height:111px;
}

This makes ALL sub menu ul li's 111 pixels when I just want them to be 15px or so to accommodate simple text with no image setting.

I fooled around with a:selected in various places to no avail.

How can I get these sub menu <li>'s to be different height?

jscheuer1
08-22-2013, 05:11 AM
Which element(s) have the pumpkin class? Are they li's, a tags? something else? If they're the li's, set the added height for the .pumpkin class itself. If they're something else add a different class for those li's that have pumpkin class content in them and set the added height there.

The browser cache may need to be cleared and/or the page refreshed to see changes.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.

cosmo
08-22-2013, 02:20 PM
Which element(s) have the pumpkin class? Are they li's, a tags? something else? If they're the li's, set the added height for the .pumpkin class itself. If they're something else add a different class for those li's that have pumpkin class content in them and set the added height there.

The browser cache may need to be cleared and/or the page refreshed to see changes.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.

That did it and I appreciate your help in getting over my 'duh' moment!