![[lenniiis]](/images/avatar-dead.svg){kind=avatar}
Problem med Drop Down
Jag har lite problem med min kodning. Om ni går in på min blogg www.lenniiis.se ser ni att min drop down meny är i headern istället för ovanför, eller hur? Men jag har försökt lägga koden under header istället men det blir inte bra, för då förstörs hela bloggen och allt blir kaos. Så här ser min kodning ut just nu:
**_
_**
**_😕
där jag har skrivit en smiley förstörs också hela bloggen. Det enda som fungerar verkar att ha menyn där den ligger nu, men då är ju headern i vägen :( Någon som har en lösning?
Hur ser det ut i stilmallen?
Här:
#navbar {
margin-top: 100px;
margin-left:200px;
margin-bottom: 100px;
margin-right:0px;
padding: 0;
height: 1em;
}
#navbar li {
list-style: none;
float: left;
} /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 3px 8px;
background-color: none; /*Ändra färgen på menyflikarna här*/
color: #000000; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: kozuka mincho pro el; /*Ändra typsnittet här*/
font-size: 17px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
}
#navbar li:hover ul,
#navbar li.hover ul {
display: block;
position: center;
margin-top:0px;
margin-left:0px;
margin-bottom:antal px;
margin-right: 0px;
padding: 0;
z-index: 1;
}
#navbar li:hover li,
#navbar li.hover li {
float: none;
}
#navbar li:hover li a,
#navbar li.hover li a {
background-color: #ffffff; /*Ändra färgen på undermenyn*/
opacity: 0.6;
border-bottom: 1px dotted #B3B3B3;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
color: #000000; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #574948; } /*Ändra färgen när man håller musen över undermenyn*/
Testa ändra margin, margin-top eller margin-bottom.
Har provat, men det händer ingenting. Det enda som händer är att allt, inkl header och drop down på samma ställe, flyttar sig upp/ner. Inte bara drop downen
Lägg till vid smileyn istället 🙂
detta händer då :(
Fixade det! :) Ändrade margin på både header och drop downen så löste det sig! :) :)
#6 Vill bara påpeka en sak, det står "lyrckliga" i inlägget. 😉
Haha jag såg det när jag la upp bilden ;) Ändrade
Starta ny diskussion