HTML/CSS--- Menu'er???
Hej...Jeg går på et kursus, hvor vi arbejder med CMSimple..
Jeg vil indsætte min egen dropDown menu på siden..
Men er løbet ind i et problem med CSS'en.
Når man "hover" over "Dagens menu", flyder farven med ned i menu'en der dropper ned, ideen er at selve "Dagens Menu" skal have farven og når man så "hover" over de forskellige menu'er :
Forretter--- Hovedretter-- og Desserter, skal disse lige ledes have "farven".
Tjek siden ud her :
http://www.thlangs.dk/onsdag/nielserik/
Og her er så CSS'en som jeg har lavet den indtil videre :
* {
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;
}
#wit3 ul {
margin: 0px;
padding: 0px;
display: none;
width: 105px;
height: auto;
}
#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 {
display:block;
}
#wit3:hover ul li:hover {
display: block;
background: #FFFACD;
}
Håber der er nogen med lidt erfaring, der kan hjælpe med en løsning på problemet.
På forhånd Tak..!!!