Hi all,
Im currently doing a project for college which is designing and implementing a website. Im only in pretty early stages so far although have had big problems implementing vertical rollover buttons with a drop down menu. I seem to be able to either have the rollover buttons working with no drop down menu showing, or have the drop down menu with no rollover buttons, does anyone know if I could have both of these and why it may be causing problems?
The code I have for the menu is as follows so far and this is showing the menu with the rollover working but no drop down. Oh and im using Dreamweaver CS4. Please be gentle as im pretty new to this
}
.mmenu, mmenu ul{
width: 90%;
padding: 0;
margin: 0;
}
.mmenu a {
background: url(images/menubackground1.gif) repeat-x top left;
margin:0px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
display: block;
width: 90%;
color: #fff;
text-decoration: none;
border-top: 2px solid #EEE;
border-bottom: 2px solid #333;
border-left: 2px solid #333;
border-right: 2px solid #EEE;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10%;
float: left
}
.mmenu a:hover {
color: #CCFFCC;
background-image: url(images/menubackground1.gif);
background-repeat: repeat-x;
background-position: left bottom;
list-style-type: none;
}
.mmenu li ul {
position: absolute;
width: 20%;
left: -999em;
}
.mmenu li:hover ul, .mmenu li.sfhover ul {
left: auto;
}
.mwrapper{
padding:0px
}
Many Thanks,,
Luke
Oh im also using javascript to implement the drop down. Thanks
I think ive put this in the wrong part of the forum ..
Can a mod please delete this one as I have copied it over to the Website Design board.
Many Thanks
Im currently doing a project for college which is designing and implementing a website. Im only in pretty early stages so far although have had big problems implementing vertical rollover buttons with a drop down menu. I seem to be able to either have the rollover buttons working with no drop down menu showing, or have the drop down menu with no rollover buttons, does anyone know if I could have both of these and why it may be causing problems?
The code I have for the menu is as follows so far and this is showing the menu with the rollover working but no drop down. Oh and im using Dreamweaver CS4. Please be gentle as im pretty new to this
}
.mmenu, mmenu ul{
width: 90%;
padding: 0;
margin: 0;
}
.mmenu a {
background: url(images/menubackground1.gif) repeat-x top left;
margin:0px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
display: block;
width: 90%;
color: #fff;
text-decoration: none;
border-top: 2px solid #EEE;
border-bottom: 2px solid #333;
border-left: 2px solid #333;
border-right: 2px solid #EEE;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 10%;
float: left
}
.mmenu a:hover {
color: #CCFFCC;
background-image: url(images/menubackground1.gif);
background-repeat: repeat-x;
background-position: left bottom;
list-style-type: none;
}
.mmenu li ul {
position: absolute;
width: 20%;
left: -999em;
}
.mmenu li:hover ul, .mmenu li.sfhover ul {
left: auto;
}
.mwrapper{
padding:0px
}
Many Thanks,,
Luke
Oh im also using javascript to implement the drop down. Thanks
I think ive put this in the wrong part of the forum ..
Can a mod please delete this one as I have copied it over to the Website Design board.
Many Thanks