[Help] Style.css help please.

[Are Ferkingstad]

Hello Ragezone.

So i have started making my own custom edit of revcms, and i found this template i started using, and i tried to make the mepage-info-bg, but yeah the picture will explain. So the subnavi dosen't overlap the mepage-info-bg, it goes like under it when i click on for example my name or community, just see.

Picture:

To view the content, you need to sign in or register

Any css code that can overlap this?

 

[Lewislol]

I think it is the CSS z-index function.

 

[Jemz]

I think it is the CSS z-index function.

Yeah I agree.
Are Ferkingstad

Try adding z-index: 999;

to the id/class of the drop down menu.

 

[Are Ferkingstad]

I think it is the CSS z-index function.

Here is my style.css because i didn't quite find the z-index.

body{background-color:#e3e3db;background-image:url(../images/bg.png);font-size:11px;margin:0;padding:0;font:11px verdana,arial,helvetica,sans-serif;}
body #body-header{background-color:#bce0ee;min-width:910px;padding:0 10px;border-bottom:2px solid #96b3be;}
#body-header #header-container{width:910px;height:110px;margin:0 auto;position:relative;}
#header-container a#container-logo{background:#bce0ee url(/app/tpl/skins/Habbo/images/container-logo.png) no-repeat top left;width:110px;height:40px;position:absolute;top:18px;left:0;}
#header-container #container-statistics{background-color:#fff;width:70px;height:25px;padding:22px 15px;text-align:center;position:absolute;top:18px;right:0;border:1px solid #96b3be;border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
#header-container ul#container-navigation,li.navigation-link ul.link-subnavigation{margin:0;padding:0;list-style:none;position:absolute;bottom:0;left:0;}
ul#container-navigation li.navigation-link{background:#fff;margin:0;padding:10px 16px 9px;display:inline-block;position:relative;border:2px solid #96b3be;border-bottom-width:0;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;}
ul#container-navigation li.navigation-link:hover{background-color:#eee;}
ul#container-navigation li.navigation-link:hover a{color:#646464;}
ul#container-navigation li.navigation-link a{color:#000;text-decoration:none;font-size:12px;font-weight:bold;}
li.navigation-link ul.link-subnavigation{width:150px;display:none;opacity:0;visibility:hidden;top:33px;left:-2px;-webkit-transiton:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s;}
li.navigation-link:hover ul.link-subnavigation{display:block;opacity:1;visibility:visible;}
ul.link-subnavigation li.subnavigation-link{background-color:#eee;padding:10px 20px;display:block;border:solid #96b3be;border-width:0 2px;}
ul.link-subnavigation li.subnavigation-link:hover{background-color:#ddd;}
ul.link-subnavigation li.subnavigation-link.link-last{border-bottom:2px solid #96b3be;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
ul#container-navigation li.navigation-link ul.link-subnavigation li.subnavigation-link a{color:#646464;text-decoration:none;font-size:11px;font-weight:normal;}
body #body-container{width:910px;margin:15px auto;}
#body-container .container-column{margin:0 2px 4px;float:left;}
#body-container .container-column#container-column-1{width:600px;}
#body-container .container-column#container-column-2{width:300px;}
.container-column#container-column-1 .container-column-content,.container-column#container-column-2 .container-column-content{background-color:#fff;padding:5px;border:solid #b5b5af;border-width:1px 1px 2px;}
.container-column-content .column-content-title{background-color:#ff8726;padding:10px;color:#fff;font-size:12px;}
.container-column-content p{margin:0;padding:10px 15px;}

 

[Lewislol]

Add z-index:999; in your dropdown menu class.

 

[Are Ferkingstad]

Yeah I agree.
Are Ferkingstad

Try adding z-index: 999;

to the id/class of the drop down menu.

It actually worked, thanks!

Screenie:

To view the content, you need to sign in or register

 

[Jemz]

It actually worked, thanks!

Screenie:

To view the content, you need to sign in or register

No Problemo!