Avatar billede Jman Praktikant
12. november 2004 - 11:22 Der er 10 kommentarer og
1 løsning

alm. links og class-links

Sidder lige og bliver i tvivl..
Når man i css har defineret a:link, viited, hover - vil den så altid tager over i forhold til at man tilføjer eks. a.NoLine:link, visited, hover

Eller med andre ord.. kan man ikke have a og a.class sammen ?
Avatar billede schaefner Juniormester
12. november 2004 - 11:28 #1
Jeg forstår ikke rigtig hvad du mener, men her er begge dele uden problemer:
http://schaefner.dk/files/temp/exp/315701.html
Avatar billede nheilbuth Nybegynder
12. november 2004 - 11:38 #2
Lad være med at omdefinere a tag'et. Lav i stedet en klasse f.eks. links og definer den:

links:link, links:visited, links:hover osv.

og brug så <a class="links" href="...">

Så kan du stadig bruge det almindelig a tag
Avatar billede Jman Praktikant
12. november 2004 - 11:41 #3
Jeg har pt.
a:link, visited
a:hover

nu forsøger jeg at lave en
a.NoLine:link, visited
a.Noline:hover

Og natulirgvis benytter <a class="NoLine"> dér hvor NoLine skal bruges..
Men det er som om det almindelige a-tag overskriver a.NoLine
Avatar billede schaefner Juniormester
12. november 2004 - 11:47 #4
a:link, a:visited {
  text-decoration: underline;
  color: navy;
}
a:hover {
  color: red;
}

a.noLine:link, a.noLine:visited {
  text-decoration: none;
  color: red;
}
a.noLine:hover {
  color: navy;
}

<a href="#">Burde være mørkeblå med streg under</a><br />
<a href="#" class="noLine">Burde være rød uden streg under</a>
Avatar billede nheilbuth Nybegynder
12. november 2004 - 11:48 #5
Jeg ville bruge to separate klasser:

.normLink:link {
...
}
.normLink:visited {
...
}
.normLink:hover {
...
}

.noLine:link {
...
}
.noLine:visited {
...
}
.noLine:hover {
...
}

og brug

<a class="normLink">
og
<a class="noLine">
Avatar billede Jman Praktikant
12. november 2004 - 12:07 #6
nheilbuth: har jeg også gjort tidligere, men der jo ikke en grund til at definere en class til default-værdien

schaefner: Det mener jeg også, men der er stadig streg under.. hmm .. kigger lige lidt videre på det (skulle nok bare lige have bekræftet at det kan lade sig gøre)
Avatar billede schaefner Juniormester
12. november 2004 - 12:12 #7
Det eksempel jeg har postet virker upåklageligt her.
Avatar billede Jman Praktikant
12. november 2004 - 12:16 #8
så kan det være mine øjne, der er noget galt med..

a:link{
    Color : #A83240;
    Text-Decoration : none;
    font-weight: bold;
    background: url('../images/a.gif') repeat-x bottom left;
    }
a:visited{
    Color : #A83240;
    Text-Decoration : none;
    font-weight: bold;
    background: url('../images/a.gif') repeat-x bottom left;
    }
a:hover{
    Color : #6699FF;
    font-weight: bold;
    background: url('../images/spacer.gif') repeat-x bottom left;
    }


a.NoLine:link{
    Color : #A83240;
    Text-Decoration : none;
    font-weight: bold;
    }
a.NoLine:visited{
    Color : #A83240;
    Text-Decoration : none;
    font-weight: bold;
    }
a.NoLine:hover{
    Color : #6699FF;
    font-weight: bold;
    }

virker nemlig ikke efter hensigten (og nu har jeg endda delt visited og hover op)
Avatar billede Jman Praktikant
12. november 2004 - 12:18 #9
hver jeg fjerne den alm. a klasse, så virker a.NoLine
Avatar billede Jman Praktikant
12. november 2004 - 15:10 #10
hmm - kan ikke komme uden om det uden at definere min default som en class også..
læg svar, hvis point..
Lukker om 20 min :)
Avatar billede Jman Praktikant
12. november 2004 - 15:40 #11
tak for hjælpen!
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