Hej...
Prøvede at lave en #EgenMenu li li:hover{style}.
Men der kom "bjælken" godt nok til at fylde de 200px som jeg satte den til, men selve menu blocken fulgte ikke med i bredden.
Når jeg så ændrede width'en i #wit1, #wit2, #wit3 osv... til
200 px, ændrede bredden sig godt nok, men nu lagde mine menu punkter sig efter hinanden f.eks foretterHovedretter og på næste linje Desserter, tjek evt. selv ud på :
http://www.thlangs.dk/ (...)Her er nuværende CSS :
* {
list-style-type: none;
text-decorartion: none;
}
#EgenMenuFarve {
background: black;
}
#EgenMenu {
margin: 0px;
padding: 0px;
}
#EgenMenu a {
color: BurlyWood;
font-size: 11px;
font-weight: bold;
}
#EgenMenu li {
background: #524F62;
text-align: center;
position: relative;
float: left;
display: block;
height: auto;
line-height: 30px;
}
#wit1, #wit2, #wit3, #wit4 {
border-right: 2px dotted black;
width: 105px;
}
#EgenMenu li ul {
display: none;
}
#wit5, #wit6, #wit7, #wit8 {
border-right: 2px dotted black;
width: 100px;
}
#wit9 {
border-right: 2px dotted black;
width: 106px;
}
#EgenMenu li:hover {
display: block;
background-color: #FFFACD;
}
#EgenMenu li:hover ul {
background: #524F62;
display:block;
position: absolute;
}
#wit1 ul, #wit2 ul, #wit3 ul, #wit4 ul, #wit5 ul, #wit6 ul, #wit7 ul, #wit8 ul, #wit9 ul {
margin: 0;
padding: 0;
float: left;
width: 200px;
}
#EgenMenu li li:hover {
margin: 0;
padding: 0;
background: #FFFACD;
width: 200px;
height: auto;
}
Håber der er nogen der kan se det jeg ikke lige kan få øje på.
På forhånd tak...!!
