Hei folkens! Er ny her, håper jeg poster i riktig seksjon.
Uansett, jeg har nettopp satt opp sida mi på nytt med wordpress, og det funker utmerket! Men det er en liten sak som skaper hodebry. Sida ser veldig fin ut i både Internet Explorer 8, Chrome og Firefox (har ikke sjekka Opera), men i Internet Explorer 7 (som ganske mange om dagen bruker) så skjer det ett eller annet rart med menyen. Den vil liksom ikke på plass!
For dere som bruker IE7 så kan dere se selv på adressen: www.djartimes.no
Jeg bruker en plugin som heter: "Suckerfish Dropdown Menu" og her er css koden:
#suckerfishnav {
background:#ffffff;
border:0;
font-size:12px;
font-family:verdana,sans-serif;
font-weight:normal;
width:100%;
}
#suckerfishnav, #suckerfishnav ul {
float: inherit;
list-style:none;
line-height:40px;
padding:0;
border:1px;
margin:0;
width:100%;
}
#suckerfishnav a {
display:block;
color:#0195c5;
text-decoration:none;
padding:0px 10px;
}
#suckerfishnav li {
float:left;
padding:0;
}
#suckerfishnav ul {
position: absolute;
left:-999em;
height:20px;
width:101px;
font-weight:normal;
margin:30px 0 0 -20px;
line-height:1;
border:0;
border-top:1px solid #ffffff;
}
#suckerfishnav li li {
width:101px;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
font-weight:normal;
font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
padding:0 10px;
width:80px;
font-size:12px;
color:#0195c5;
}
#suckerfishnav li ul ul {
margin:-21 0 0 101px;
}
#suckerfishnav li li:hover {
background:#ffffff;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#666666;
background:#ffffff;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#666666;
background:#ffffff;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#0195c5;
background:#ffffff;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
background:#ffffff;
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left:auto;
background:#ffffff;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#ffffff;
}
Thanks
Uansett, jeg har nettopp satt opp sida mi på nytt med wordpress, og det funker utmerket! Men det er en liten sak som skaper hodebry. Sida ser veldig fin ut i både Internet Explorer 8, Chrome og Firefox (har ikke sjekka Opera), men i Internet Explorer 7 (som ganske mange om dagen bruker) så skjer det ett eller annet rart med menyen. Den vil liksom ikke på plass!
For dere som bruker IE7 så kan dere se selv på adressen: www.djartimes.no
Jeg bruker en plugin som heter: "Suckerfish Dropdown Menu" og her er css koden:
#suckerfishnav {
background:#ffffff;
border:0;
font-size:12px;
font-family:verdana,sans-serif;
font-weight:normal;
width:100%;
}
#suckerfishnav, #suckerfishnav ul {
float: inherit;
list-style:none;
line-height:40px;
padding:0;
border:1px;
margin:0;
width:100%;
}
#suckerfishnav a {
display:block;
color:#0195c5;
text-decoration:none;
padding:0px 10px;
}
#suckerfishnav li {
float:left;
padding:0;
}
#suckerfishnav ul {
position: absolute;
left:-999em;
height:20px;
width:101px;
font-weight:normal;
margin:30px 0 0 -20px;
line-height:1;
border:0;
border-top:1px solid #ffffff;
}
#suckerfishnav li li {
width:101px;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
font-weight:normal;
font-family:verdana,sans-serif;
}
#suckerfishnav li li a {
padding:0 10px;
width:80px;
font-size:12px;
color:#0195c5;
}
#suckerfishnav li ul ul {
margin:-21 0 0 101px;
}
#suckerfishnav li li:hover {
background:#ffffff;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#666666;
background:#ffffff;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#666666;
background:#ffffff;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#0195c5;
background:#ffffff;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
background:#ffffff;
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left:auto;
background:#ffffff;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#ffffff;
}
Thanks