Overriding min-height rule

HTML & CSS
1

Hi all,

Just a quickie. I have a markup similar to the following:


<ul> <!-- top level link items -->
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li>
       <ul><!-- inside link items -->
           <li></li>
           <li></li>
           <li></li>
       </ul>
    </li>
   <li></li>
</ul>

Now I’ve made some CSS which floats each top-level link item against the other. Then the inside link items are displayed as per normal.

Each top level link is CSS’d to be a box. I want them to look consistant so i added a min-height rule to the top level links. However, this is cascading down to the inside-links. How can i stop this cascade? What is the “return to default” setting for min-height?

Any help would be great.

Dave

2

Hi,

There isn’t a return to default setting for CSS (unfortunately) but if you want your nested lists to have no intrinsic height then just set the min-height to 0 and override your original settings.

e.g.


ul li li{min-height:0}
3

Oh of course. Dunno why i didn’t think of that. Must be a Monday morning thing!

Thanks for helping