dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: How to keep navigation bar drop down in front of everything else?

  1. #1
    Join Date
    May 2011
    Posts
    1

    How to keep navigation bar drop down in front of everything else?

    Using html and css to make a navbar with html code similar to this:

    <table><tr><td>
    <li><a href="/">Home</a></li></td><td>
    <li>Contact
    <ul>
    <li><a href="/contact">Contact method1</a></li>
    <li><a href="/contact2">Contact method2</a></li>
    <li><a href="/contact3">Contact method3</a></li>
    <li><a href="/contact4">Contact method4</a></li>
    </ul>
    </li>
    </td></tr></table>

    What can I add to make the drop down menu stay in front of all other objects, such as embedded videos and a twitter feeds. Currently the drop down will go behind these objects...

  2. #2
    Join Date
    Feb 2011
    Posts
    17
    Quote Originally Posted by frenchfries View Post
    Using html and css to make a navbar with html code similar to this:

    <table><tr><td>
    <li><a href="/">Home</a></li></td><td>
    <li>Contact
    <ul>
    <li><a href="/contact">Contact method1</a></li>
    <li><a href="/contact2">Contact method2</a></li>
    <li><a href="/contact3">Contact method3</a></li>
    <li><a href="/contact4">Contact method4</a></li>
    </ul>
    </li>
    </td></tr></table>

    What can I add to make the drop down menu stay in front of all other objects, such as embedded videos and a twitter feeds. Currently the drop down will go behind these objects...
    give it position absolute and a very high z-index and don't forget to set up the wmode=transparent on your videos to support z-index.

  3. #3
    Join Date
    May 2011
    Posts
    25
    change to a div if you can and your positioning can be a little more accurate

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles