/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
css: links i classes
Fra : Olav Noksagt


Dato : 16-02-04 12:16

Hej
Jeg har svedt det helt ud...:
Hvordan tildeler man link-udseende til en class?

F.eks. angiver jeg at jeg vil have at links (a:link) generelt er sorte.
Derudover har jeg en class (.box) der er hvid, fordi den skal bruges på sort
baggrund. Stærkt forenklet:

<style media="screen" type="text/css"><!--
a:link { color: black }
..box { color: white }
--></style>

Så har jeg balladen når der så optræder et link i teksten der har class'en
"box" på den sorte baggrund da linket jo bliver sort - og hvordan er det så
man kan lave en class der viser at "links i class'en "box" skal være
hvide"??

Tak for de evige kloge bud og tiden I tager dertil,
Olav


 
 
Jens Gyldenkærne Cla~ (16-02-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 16-02-04 12:35

Olav Noksagt skrev:

> F.eks. angiver jeg at jeg vil have at links (a:link) generelt

Bemærk at links generelt fanges med a{ .. }.

a:link betyder ikke-besøgte links


> a:link { color: black }
> .box { color: white }

Tilføj:

   .box a{ color: white; }

/* alternativ */
   .box a:link{ color: white; }


Ovenstående betyder at links (a-elementer) inde i elementer med
klassen box bliver farvet hvide.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Olav Noksagt (16-02-2004)
Kommentar
Fra : Olav Noksagt


Dato : 16-02-04 12:56

Jens Gyldenkærne Clausen skrev:

> Olav Noksagt skrev:
>> a:link { color: black }
>> .box { color: white }
> Tilføj:
> .box a{ color: white; }
>
> /* alternativ */
> .box a:link{ color: white; }
>
> Ovenstående betyder at links (a-elementer) inde i elementer med
> klassen box bliver farvet hvide.

Tak! - sig mig lige en gang, Jens Gyldenkærne Clausen, sidder du online og
lever af at give gode råd? Du er altid på

Er det forstået ret at man så aldrig bruger class'en ".box a{color: white;}"
- men at browseren selv forstår at når man bruger class'en .box og der
optræder et link, så skal den checke css'en igennem og finde ud af det den
vej?

Olav


Sverri M Olsen (16-02-2004)
Kommentar
Fra : Sverri M Olsen


Dato : 16-02-04 19:41

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Olav Noksagt skrev:
>
> > F.eks. angiver jeg at jeg vil have at links (a:link) generelt
>
> Bemærk at links generelt fanges med a{ .. }.
>
> a:link betyder ikke-besøgte links
>
>
> > a:link { color: black }
> > .box { color: white }
>
> Tilføj:
>
>    .box a{ color: white; }
>
> /* alternativ */
>    .box a:link{ color: white; }
>
>
> Ovenstående betyder at links (a-elementer) inde i elementer med
> klassen box bliver farvet hvide.

Jeg syndes også lige at jeg skal takke for det der :)) Jeg har
altid troet at det ikke kunne lade sig gøre, men ja ja! Tak!

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (16-02-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 16-02-04 21:59

Sverri M Olsen skrev:

> Jeg syndes også lige at jeg skal takke for det der :)) Jeg har
> altid troet at det ikke kunne lade sig gøre, men ja ja! Tak!

Det er et af de områder hvor css kan væsentligt mere end gammeldags
html-formatering. Der er en hel række af selektorer til rådighed i
css2.1. Desværre er mange af dem ikke bredt understøttet, men
"descendant selectors" - som eksemplet her, er heldigvis en
undtagelse.

Se mulighederne her: <http://www.w3.org/TR/CSS21/selector.html>.

NB: Du må gerne klippe i dine citater. Se evt. siden her:
<http://html.dk/nyhedsgrupper/usenet.asp> eller min signatur.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste