Image behind the menu
Hello friends, I have a problem looking at itself in all its dimensions in the attached file I send. I want to know how to make using the lightbox, it is not located behind the menu as shown in the image. Any suggestions?
Hello friends, I have a problem looking at itself in all its dimensions in the attached file I send. I want to know how to make using the lightbox, it is not located behind the menu as shown in the image. Any suggestions?
try setting a high z-index on the lightbox div:
z-index:9999;
if you still have problems, please send a link where I can see the problem to examine the css.
Already tried but the problem persists, even now I have added a vertical menu on the left on other sites and the horizontal menu, the submenu in fact, I get behind the vertical when I do the drop down, that is, I have two similar problems in two questions! oops! here the css vlightbox shipping! to see how I can solve with.
The css in lightbox is:
#vlightbox {
width:733px;
zoom:1;
z-index:9999;
overflow: visible;
visibility: inherit;
}
.vlightbox {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:0px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:center;
opacity:0.87;
z-index:1;
}
.vlightbox a{
margin:0;
}
.vlightbox:hover, .vlightbox a:hover{
text-decoration:underline;
opacity:1;
}
.vlightbox img{
display:block;
border:none;
margin:0;
z-index: 1;
}
.vlightbox div {
display:none;
z-index: 1;
}
please send a link, I need to see this in the browser to debug it.
Now I understood. Here is the link, and also the problem with the image, if you look left at the main menu is a tab that says "compañia" tab on the menu that has two sub-items: one that says "objetivos" and another "nacimiento", since the latter is not look for the same reason is behind the vertical menu.
Link: producciones_long.php?produccionid=2
in the CSSMenuWriter/cssmw9/menu.css file, you need to increase the z-index for the top menu so it can go over the side menu.
change:
ul#cssmw9 {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
to:
ul#cssmw9 {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
position: relative;
z-index: 200;
}
then in the engine/css/visuallightbox.css you need to increas the lightbox z-index to be higher then the menu.
change:
#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:100;
text-align:center;
color:white;
line-height:0;
}
to:
#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:300;
text-align:center;
color:white;
line-height:0;
}
Does not work! perhaps the problem is in the css of visual light box, high in the first post is the visual light box css. Please look there because I put the css lightbox css does not match the visual light box used. Thanks again!
I don't see any of the changes I suggested in the files that are on the server.
make sure the changes are being uploaded properly, they don't appear to be.
Changes are already uploaded on the web. As you can see, and the menu on the left side is right and above the vertical menu. The problem persists with the visual image using light box. I insist on the top is the css of visual light box for better understanding. I would like to resolve this as soon as possible. Thank you
The menu looks like it is working fine to me. I dont see any issues with the menus.
For the image though, I still dont see the z-index change I suggested.
when I look at :
visuallightbox.css
i still see the #lightbox css as:
#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:100;
text-align:center;
color:white;
line-height:0;
}
the z-index there needs to be increased;
#lightbox{
position:absolute;
top:20px;
left:0;
width:100%;
z-index:300;
text-align:center;
color:white;
line-height:0;
}
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.