Avatar billede Trine Nybegynder
17. oktober 2005 - 13:03 Der er 8 kommentarer og
1 løsning

Ekstra A: CSS kode?

Hej

Jeg er ved at bygge noget op i HTML, og er ved at rydde op, og oprette CSS, så der kommer orden i det hele.

Problemet er, at jeg har en menu, som skifter farve, når der er trykket på et link. Så er det lavet i celler. Den aktive celle har hvid baggrund samt sort tekst, den ikke-aktive celle har automatisk baggrund og hvid tekst. Det ser således ud:

.aktivmenu {
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
        text-align: center;
        background-color:#FFFFFF;
        font-weight: bold;
        font-size:12px;
        font-family:Arial;
        color: #000000;
        }

.ikkeaktivmenu {
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
        text-align: center;
        font-weight: bold;
        font-size:12px;
        font-family:Arial;
        color: #FFFFFF;
}

Mit problem er så, at jeg i mit stylesheet har lavet dette:

a:link        {
        text-decoration: none;
        font-size: 9pkt;
        font-weight: bold;   
        color: #000000;

        }
A:visited        {
        text-decoration: none;
        font-size: 9pkt;
        font-weight: bold;
        color: #000000;
        }
       
A:active        {
        text-decoration: none;
        font-size: 9pkt;
        font-weight: bold;
        color: #000000;
        }
       
A:hover        {
        text-decoration: underline;
        font-size: 9pkt;
        font-weight: bold;
        color: #000000;

Så sker der jo følgende, at når jeg har en Class="ikkeaktivmenu", at linket er sort, og jeg har sort baggrund. Hvad kan jeg gøre? Kan jeg på én eller anden måde oprette en A: CSS kode mere, som gælder for .ikkeaktivmenu ??
Avatar billede pidgeot Nybegynder
17. oktober 2005 - 13:04 #1
ikkeaktivmenu {
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
        text-align: center;
        font-weight: bold;
        font-size:12px;
        font-family:Arial;
        color: #FFFFFF !important;
}

Og lige som en påmindelse, i dine A: hedder det ikke 9pkt, men 9pt ;)
Avatar billede Trine Nybegynder
17. oktober 2005 - 13:12 #2
Tak for forsøget, men det er ikke svaret...desværre. A: CSS koden bestemmer jo over hvilken farve teksten har, når teksten i cellen nu er et link, så color: #FFFFFF !important; virker NADA.
Avatar billede Trine Nybegynder
17. oktober 2005 - 13:14 #3
Tror selv jeg har løst det således:

.ikkeaktivmenu a:link, .ikkeaktivmenu a:active, .ikkeaktivmenu a:visited{
        text-decoration: none;
        font-size: 9pt;
        font-weight: bold;
        color: #FFFFFF;
        }

.ikkeaktivmenu a:hover{
        text-decoration: underline;
        font-size: 9pt;
        font-weight: bold;
        color: auto;
        }
Avatar billede pidgeot Nybegynder
17. oktober 2005 - 13:15 #4
Siger du det baseret på et forsøg, eller på teori? Meningen med important er jo at den skal gennemtvinge den værdi, så det burde virke.
Avatar billede pidgeot Nybegynder
17. oktober 2005 - 13:17 #5
Hvis du selv har løst det, så lægger du jo bare et svar og accepterer det selv - ingen brok her :)
Avatar billede Trine Nybegynder
17. oktober 2005 - 13:34 #6
Gennemtvinge-funktionen virker ikke, desværre, men jeg tror min egen løsning er den mest optimale. Men jeg er ikke en fedterøv, smid et svar, så får du lidt for besværet. Tak.
Avatar billede pidgeot Nybegynder
17. oktober 2005 - 14:25 #7
Tilbuddet er meget generøst, men nej tak - min løsning blev ikke brugt, så jeg fortjener ikke at få point. Giv du dem blot til dig selv. :)
Avatar billede Trine Nybegynder
17. oktober 2005 - 14:36 #8
Ok så. Men tak for tiden du brugte.
Avatar billede roenving Novice
17. oktober 2005 - 17:58 #9
-- og man skal ikke bruge papir-værdien punkt, da nogle browsere faktisk tager den alvorligt (et punkt er ca. 0.35 mm, mens en pixel, afhængig af skærmen, er ca. 0.20 - 0.28 mm !-)

Brug derfor altid px til skærmbrug !o]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester