Win a copy of Rust Web Development this week in the Other Languages forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Tim Cooke
  • Campbell Ritchie
  • Ron McLeod
  • Liutauras Vilda
  • Jeanne Boyarsky
Sheriffs:
  • Junilu Lacar
  • Rob Spoor
  • Paul Clapham
Saloon Keepers:
  • Tim Holloway
  • Tim Moores
  • Jesse Silverman
  • Stephan van Hulst
  • Carey Brown
Bartenders:
  • Al Hobbs
  • Piet Souris
  • Frits Walraven

CSS Menu doesn't work over top the Java Slideshow,

 
Greenhorn
Posts: 1
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Problem solved, just trying to delete this post.

Hello, anyone help would be great. The CSS menu wont work in front of the slideshow. here is my nav css

/* ===== Navigation ===== */

.menu ul { list-style: none; }
.menu li { float: left; position: relative; }
.menu ul .item-submenu > a { background: url('images/arrow1.gif') right center no-repeat; padding-right: 25px; border: 1px solid green; }
.menu .children .item-submenu > a { background: url('images/arrow2.gif') right center no-repeat; padding-right: 15px; }
.menu li a { display: inline-block; min-height: 32px; line-height: 32px; padding: 0 15px; }
.menu ul ul {
border: 1px #cccccc solid;
background-color: #eee;
display: none;
position: absolute;
left: 0;
top: 100%;
float: left;
width: 190px;
z-index: 999;
box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
.menu ul ul ul { left: 100%; top: -1px; }
.menu ul ul li { padding: 0; }
.menu ul ul a { width: 160px; }
.menu ul li > a
{
text-shadow: 1px 1px 3px #cccccc;
border: 0px solid yellow;
}
.sub-menu
{
display: none;
width: 80px;
background-color: white;
}


.menu ul .current_page_itemdd { background: none transparent; }
.menu ul .current_page_item > a { font-weight: bold; }

#nav-sns { text-align: right; }
#nav-sns .btn-sns { display: inline-block; height: 18px; line-height: 18px; padding: 0 20px 0 25px; margin: 7px 0; text-align: left; }
#nav-sns .btn-sns-rss { background: url('images/icon-sns-feed.png') no-repeat 0 0 transparent; }
#nav-sns .btn-sns-rss:hover { background: url('images/icon-sns-feed.png') no-repeat 0 -18px transparent; }
#nav-sns .btn-twitter { background: url('images/icon-sns-twitter.png') no-repeat 0 0 transparent; }
#nav-sns .btn-twitter:hover { background: url('images/icon-sns-twitter.png') no-repeat 0 -18px transparent; }
#nav-sns .btn-facebook { background: url('images/icon-sns-facebook.png') no-repeat 0 0 transparent; }
#nav-sns .btn-facebook:hover { background: url('images/icon-sns-facebook.png') no-repeat 0 -18px transparent; }
#nav-sns .btn-sina { background: url('images/icon-sns-sina.png') no-repeat 0 0 transparent; }
#nav-sns .btn-sina:hover { background: url('images/icon-sns-sina.png') no-repeat 0 -18px transparent; }


#nav li
{
list-style-type: none;
border: 0px solid red;
padding: 0px;

}


.trekking-link-icon
{
background-image:url('/images/menu-01-trekking.jpg');
background-repeat: no-repeat;
}
.trekking-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 52px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}

.rafting-link-icon
{
background-image:url('/images/menu-02-rafting.jpg');
background-repeat: no-repeat;
}
.rafting-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 52px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}
.skiing-link-icon
{
background-image:url('/images/menu-03-skiing-off.jpg');
background-repeat: no-repeat;
}
.skiing-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 51px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}
.cycling-link-icon
{
background-image:url('/images/menu-04-cycling-off.jpg');
background-repeat: no-repeat;
}
.cycling-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 51px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}
.cultural-link-icon
{
background-image:url('/images/menu-05-cultural-off.jpg');
background-repeat: no-repeat;
}
.cultural-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 52px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}
.leadership-link-icon
{
background-image:url('/images/menu-06-leadership-off.jpg');
background-repeat: no-repeat;
}
.leadership-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 53px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}
.blog-link-icon
{
background-image:url('/images/menu-07-blog-off.jpg');
background-repeat: no-repeat;
}
.blog-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 51px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}
.about-link-icon
{
background-image:url('/images/menu-08-about-off.jpg');
background-repeat: no-repeat;
}
.about-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 51px;
height: 66px;
border: 0px solid red;
text-decoration: none;
}
.contact-link-icon
{
background-image:url('/images/menu-09-contact-off.jpg');
background-repeat: no-repeat;
}
.contact-link-icon a
{
color: #58575c;
font-size: 1px;
text-transform: uppercase;
width: 49px;
height: 66px;
border-right: 1px solid #7e7a73;
text-decoration: none;
}

.menu ul li > a:hover, .menu .children .item-submenu > a:hover
{
color: #686868;
background-color: #98d5cf;
border-bottom: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
position:relative;
left: 0px;

}
.menu ul li > a, .menu .children .item-submenu > a
{
color: #808285;
background-color: #ffffff;
width: 210px;
height: 30px;
font-size: 14px;
border-bottom: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
position:relative;
left: 0px;

}
.sub-menu
{
background-color: white;
}
#nav ul li a:hover
{
color: #51877f;
background-image:url('/images/green2.png');
}
#nav ul ul li a:hover
{

color: #686868;
}

 
reply
    Bookmark Topic Watch Topic
  • New Topic