View Full Version : Chrome css menu- display: none instead of visibility hidden

04-28-2006, 11:05 PM
Just wondering if this script could be modified to use display: none/display: block in place of visibility: hidden/visibility: visible?

I am using some very large submenus that are placed at the bottom of my code- and while they are not visible, they do create a lot of empty white-space at the bottom of the page.

Thanks for any help- obviously not a huge issue, but it would look better if possible.

04-30-2006, 05:08 AM
There's no need. Just give the offending menu a "left" or "top" attribute to make sure it doesn't create any white space, something like:

<div id="dropmenu1" class="dropmenudiv" style="left: -1000px; top: -1000px" >
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>

That should do it.

05-01-2006, 01:23 PM
works perfectly- thanks!