vertical menu big space in between
I have big gaps in between each drop-down menu.
I have big gaps in between each drop-down menu.
If you send me a url to view the page I can tell you the CSS to update in order to remove it.
Ok, Please check your PM.
It looks like an issue with chrome and how it displays list items. If you update menu.css and add:
display:block;
to the class:
#cssmw li
That should correct the problem.
Ok, this is what I found. Where do I add this code?
webroot / CSSMenuWriter / cssmw / menu.css
ul#cssmw {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul#cssmw ul {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul#cssmw ul li {
background-image: none;
float: none;
}
ul#cssmw li {
background-image: none;
float: left;
padding: 0 0 0 0;
position: relative;
white-space: nowrap;
z-index: 100;
}
ul#cssmw li ul {
display: none;
top: 0;
}
ul#cssmw li:hover > ul {
display: block;
position: absolute;
}
ul#cssmw li.hover > ul {
display: block;
position: absolute;
}
ul#cssmw li.current > ul {
position: absolute;
}
ul#cssmw > li {
background-image: none;
}
ul#cssmw > li > a {
background-color: #dadada;
background-image: none;
color: #713b8f;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 41px;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
text-align: center;
text-decoration: none;
width: 152px;
}
ul#cssmw > li > a:active {
background-color: #3d3d3d;
color: #fff;
text-decoration: none;
}
ul#cssmw > li:hover > a {
background-color: #bababa;
color: #000;
text-decoration: none;
}
ul#cssmw > li.hover > a {
background-color: #bababa;
color: #000;
text-decoration: none;
}
ul#cssmw > li.current > a.current {
background-color: #3d3d3d;
color: #fff;
text-decoration: none;
}
Update this:
#cssmw li {
float: left;
overflow: hidden;
}
to this:
#cssmw li {
float: left;
overflow: hidden;
display:block;
}
You can update it in the file:
/webassist/plugins/main_menu/menu.css
Thank You, Ray, Problem is fix.
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.