close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Image behind the menu

Thread began 5/05/2010 8:02 am by Gabriel Tiviroli | Last modified 5/07/2010 3:32 pm by Gabriel Tiviroli | 1605 views | 10 replies |

Gabriel Tiviroli

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?

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

Gabriel Tiviroli

The problem with z-index persist

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;
}

Sign in to reply to this post

Jason ByrnesWebAssist

please send a link, I need to see this in the browser to debug it.

Sign in to reply to this post

Gabriel Tiviroli

Problem with z-index

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

Sign in to reply to this post

Jason ByrnesWebAssist

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;
}

Sign in to reply to this post

Gabriel Tiviroli

don´t work :(

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!

Sign in to reply to this post

Jason ByrnesWebAssist

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.

Sign in to reply to this post

Gabriel Tiviroli

Problem persist

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

Sign in to reply to this post

Jason ByrnesWebAssist

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;
}

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...