Skip to main content
January 12, 2011
Answered

Drop Down Menu Covered up by Animated Slideshow

  • January 12, 2011
  • 1 reply
  • 609 views

I'm a newbie to Dreaweaver, but I'm building my personal web page and I can't figure out why my dropdown menu (under Portfolio tab) is being covered up by the animated slideshow. I've tried using the (z-index) and that didn't work, I've also replaced the animated slideshow with a static jpeg and everything works fine. This site is a work in progress, but I want to get this figured out before I build the rest of the portfolio pages

Here's the link the test page:

http://www.rodrice.net/index_demo3.html

Here's a link to the same page without the animated slideshow

http://www.rodrice.net/index_demo3_navbar.html

Any help or tips would be appreciated.

Thanks, Rod Rice

This topic has been closed for replies.
Correct answer Nancy OShea

Try this:

ul#css3menu{
    margin:0 0 0 65px;
    list-style:none;
    background:#000 url('menubk.png') repeat;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:4px 4px 4px #999;
    -webkit-box-shadow:4px 4px 4px #999;
    box-shadow:4px 4px 4px #999;
    z-index: 1;
    }

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
January 12, 2011

Try this:

ul#css3menu{
    margin:0 0 0 65px;
    list-style:none;
    background:#000 url('menubk.png') repeat;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:4px 4px 4px #999;
    -webkit-box-shadow:4px 4px 4px #999;
    box-shadow:4px 4px 4px #999;
    z-index: 1;
    }

Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb

Nancy O'Shea— Product User & Community Expert
January 12, 2011

Thanks!!!!!