Jump to content
Sign in to follow this  
mboehler3

Sliding Menu Displays Border When Collapsed

Recommended Posts

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.

  • Like 2

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...