Originally Posted by
PeazzAndycresswell
hey dude
ive just downloaded and checked opera, and for some reason the whole well page is alot bigger in there, and also that mysterious white space between the header + menu is there :S still happens in IE compat mode also all shiny graphics show etc
mate i know its not your mod ut im getting no reply in its support thread, im using css fly out menu, and i copied my image links in, the first hover menu works a dream just the effect i wanted.
but now with the fly outs the image that over laps its to small ive tried setting hieght width padding etc, but its just not the same....any ideas how i can get hte fly out menus to match the catagorys list?
Code:
#dhtmlgoodies_menu{
font-family:segoe ui; /* Font for main menu items */
background-image: url(/images/mback.png) ;
list-style: none;
width: 147px;
}
#dhtmlgoodies_menu li{ /* Main menu <li> */
list-style-type:none; /* No bullets */
margin:0px; /* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
margin:0px; /* No <ul> air */
padding:0px; /* No <ul> air */
}
#dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */
padding-left:10px;
}
#dhtmlgoodies_menu li a{ /* Main menu links */
text-decoration:none; /* No underline */
color:#fff; /* Blue text color */
height:27px; /* 20 pixel height */
line-height:30px; /* 20 pixel height */
vertical-align:middle; /* Align text in the middle */
margin:1px; /* A little bit of air */
padding:1px; /* Air between border and text inside */
text-align:center;
display:block;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
background-image: url(/images/mback1.png) ;
text-align:center;
text-decoration:underline;
}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
background-image: url(/images/mback.png) ;
width: 145px;
font-family:arial;
text-align:center;
}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:3px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:6px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{ /* Sub menu items */
white-space:nowrap; /* No line break */
text-decoration:none; /* No underline */
color:#fff; /* Black text color */
height:11px; /* 16 pixels height */
line-height:16px; /* 16 pixels height */
padding:1px; /* 1px of "air" inside */
display:block; /* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */
background-image: url(/images/mback1.png) ;
color:#bcdc65; /* White text */
vertical-align: middle;
font-family:segoe ui;
}
there must be something im missing here...
Bookmarks