12. oktober 2004 - 19:50
Der er
1 kommentar og
1 løsning
lille problem ved css menu
Hejsa...
Nu har jeg siddet og rodet med den her css menu i alt for lang tid – og nu må der andre øjne på, for at finde fejlen.
Jeg ønsker at der er et lille gif-billede ud fra hvert menu-punkt ved hover (det fungerer også)
Når man står på en side - så den er aktiv (ACT) skal den lille gif "hover" gif erstattes af en anden lille "gif" (i en anden farve) – det virker også ok.
MEN.... når man kører musen over det aktive menu-punkt så det er aktivt + hover er der nu TO små gif billeder ved siden af hinanden i hver sin farve... en hover gif og en aktiv gif.
Mit spørgsmål er om det er en dumme-fejl – eller bare om en kan give mig en god løsning på det her irreterende problem.
Imens jeg venter vil jeg for 152200´nde gang se på min css for at blive klogere – men da det ikke har virket endnu, håber jeg at der er en rar sjæl der vil hjælpe en "kvinde i nød" ;o)
Hilsen
Anne-Marie.
12. oktober 2004 - 19:53
#1
her er lige min css som den ser ud nu:
<style type="text/css">
<!--
/* Menu 1 column */
TD#menu_1 {
vertical-align: top;
width: 200px;
background-color: #C7CAD9;
background-repeat : no-repeat;
padding-top: 20px;
padding-left: 10px;
line-height: 18px;
}
TD#menu_1 DIV {
width: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 18px;
}
TD#menu_1 DIV A {
color:#041F49;
text-decoration: none;
line-height: 18px;
padding-left: 30px;
}
TD#menu_1 DIV A:hover {
color: #C4081A
text-decoration: none;
font-size: 11px;
background-attachment: fixed;
background-image: url(fileadmin/careone/billeder/brik_lille_blaa.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top:5px;
padding-left:30px;
}
/* MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
font-size: 11px;
line-height: 18px;
padding-top:5px;
}
/* MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
color: #C4081A
text-decoration: none;
font-size: 11px;
background-attachment: fixed;
background-image: url(fileadmin/careone/billeder/brik_lille.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top:5px;
padding-left:30px;
}
TD#menu_1 DIV.menu1-level1-act A {
color: #C4081A;
font-size: 11px;
line-height: 18px;
padding-top:5px;
padding-left:0px;
}
/* MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
color:#041F49;
font-size: 10px;
text-decoration: none;
line-height: 14px;
font-weight: bold
padding-top:5px;
padding-left:0px;
}
/* MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
background-attachment: fixed;
background-image: url(fileadmin/careone/billeder/brik_lille.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 26px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: bold;
font-variant: normal;
color: #990033;
text-decoration: none;
}
