mboehler3 Posted December 23, 2011 Share Posted December 23, 2011 Hi all, I found a dropdown menu script here: http://www.scriptiny.com/2008/04/sliding-javascript-dropdown-menu/ I am using it on my website here: http://acq.matthewboehler.com/ When you rollover one of the six navigation links, the dropdown menu slides as it should. But the problem is when you rolloff of the link - as the menu shrinks, there is a border-line that exists right underneath the text-link. You have to look kinda close at a high resolution screen to see it, but it's there. Refresh the page and it's gone. But rollover and rolloff again, and it shows on the rolloff. I'm not very familiar with JavaScript so even if this is an easy fix, I'm not quite sure how to do it. Is this an easy fix? I tried adding display:none or opacity:none to the javascript, but nothing seemed to work. Can anyone offer some advice? Thanks in advance to any help you can provide. Link to comment Share on other sites More sharing options...
justsomeguy Posted December 23, 2011 Share Posted December 23, 2011 If the script has variables to control how large the menus are or something like that, anything to do with height, make sure you factor the border into the height. The border is usually tacked on after the container is already sized to the height you specified. Link to comment Share on other sites More sharing options...
mboehler3 Posted December 23, 2011 Author Share Posted December 23, 2011 The thing is, I removed all of the borders in the CSS and it still displays the line on the rolloff. The script does have height variables though. I don't understand why the height would need to be adjusted if there are no borders. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.