View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Image obscures menu

Thread began 12/30/2009 9:05 am by Alan Shaw | Last modified 12/31/2009 2:22 pm by Alan Shaw | 2792 views | 13 replies

Alan Shaw

Originally Said By: John Langer
  I haven't tried this but try adding z-index:99999 to an li CSS style for the sub-menus (the ones that fly out).  



Thanks John but I think that went over my head.

I have created the menu using WebAssist Menu Writer, I'm not sure where to add what you have suggested, I have the following files.

menu.ssi which as the extension suggests, is an include.

Then the folder automatically created by WebAssist which contains the following files:

menu.css
menu.js
menu_ie.css
menustyle.xml
treexml.xml

I guess it must be both css's but where, once again I guess at the '-1level'

I've had a play, but no success yet.

The code for 'menu.css' is as follows:

ul#cssmw {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 0;
}
ul#cssmw ul {
cursor: default;
font-size: 0;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul#cssmw li {
background-image: none;
padding: 0 0 0 0;
position: relative;
white-space: nowrap;
}
ul#cssmw li ul {
display: none;
top: 0;
}
ul#cssmw li:hover > ul {
display: block;
position: absolute;
}
ul#cssmw > li {
background-image: none;
}
ul#cssmw > li > a {
background-image: url("../cssmw_images/bg.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #FFFFFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 14px;
line-height: 14px;
margin: 0 0 0 0;
padding: 6px 10px 6px 6px;
text-decoration: none;
width: 134px;
}
ul#cssmw > li:hover > a {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #0D092B;
text-decoration: none;
}
ul#cssmw ul.level-1 {
left: 150px;
}
ul#cssmw ul.level-1 > li {
background-image: none;
}
ul#cssmw ul.level-1 > li > a {
background-image: url("../cssmw_images/bg.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #FFFFFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 14px;
line-height: 14px;
margin: 0 0 0 0;
padding: 6px 10px 6px 6px;
text-decoration: none;
width: 134px;
}
ul#cssmw ul.level-1 > li:hover > a {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #000A5C;
text-decoration: none;
}
ul#cssmw ul.level-2 {
left: 150px;
}
ul#cssmw ul.level-2 > li {
background-image: none;
}
ul#cssmw ul.level-2 > li > a {
background-image: url("../cssmw_images/bg.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #FFFFFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 14px;
line-height: 14px;
margin: 0 0 0 0;
padding: 6px 10px 6px 6px;
text-decoration: none;
width: 134px;
}
ul#cssmw ul.level-2 > li:hover > a {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #000A5C;
text-decoration: none;
}
ul#cssmw ul.level-3 {
left: 150px;
}
ul#cssmw ul.level-3 > li {
background-image: none;
}
ul#cssmw ul.level-3 > li > a {
background-image: url("../cssmw_images/bg.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #FFFFFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 14px;
line-height: 14px;
margin: 0 0 0 0;
padding: 6px 10px 6px 6px;
text-decoration: none;
width: 134px;
}
ul#cssmw ul.level-3 > li:hover > a {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #000A5C;
text-decoration: none;
}

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...