/ 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
Links med CSS
Fra : Crazy Camilla


Dato : 31-10-04 07:04

Hej.

Jeg arbejder med to typer links - store og små.

Det fungerer fint, men nu kunne jeg godt tænke mig at tilføje en effekt hvor
linket skifter farve, når man fører musen hen over det. Hvordan gør jeg det?

I mit stylesheet har jeg skrevet:

a.stor
{
FONT-FAMILY: sans-serif;
FONT-SIZE: 20PX;
COLOR: #000080;
FONT-STYLE: NORMAL;
FONT-WEIGHT: NORMAL;
TEXT-DECORATION: NONE;
TEXT-ALIGN: center;
}

a.lille
{
FONT-FAMILY: sans-serif;
FONT-SIZE: 12PX;
COLOR: #000080;
FONT-STYLE: NORMAL;
FONT-WEIGHT: NORMAL;
TEXT-DECORATION: NONE;
TEXT-ALIGN: center;
}

MVH Camilla.



 
 
Dennis Munding (31-10-2004)
Kommentar
Fra : Dennis Munding


Dato : 31-10-04 10:21

Hej Camilla!

> Det fungerer fint, men nu kunne jeg godt tænke mig at tilføje en effekt
hvor
> linket skifter farve, når man fører musen hen over det. Hvordan gør jeg
det?
>
> I mit stylesheet har jeg skrevet:
>
> a.stor
> {
> FONT-FAMILY: sans-serif;
> FONT-SIZE: 20PX;
> COLOR: #000080;
> FONT-STYLE: NORMAL;
> FONT-WEIGHT: NORMAL;
> TEXT-DECORATION: NONE;
> TEXT-ALIGN: center;
> }
>
> a.lille
> {
> FONT-FAMILY: sans-serif;
> FONT-SIZE: 12PX;
> COLOR: #000080;
> FONT-STYLE: NORMAL;
> FONT-WEIGHT: NORMAL;
> TEXT-DECORATION: NONE;
> TEXT-ALIGN: center;
> }

Sådan:

a:hover {
color:white; //her definerer du selv de ønskede effekter..
...
...
}

--
Med venlig hilsen
Dennis Munding
http://mundings-memorial.dk/
http://home1.stofanet.dk/Skovaa_Munding.dk/



Crazy Camilla (31-10-2004)
Kommentar
Fra : Crazy Camilla


Dato : 31-10-04 21:05


"Dennis Munding" <news@news.invalid> skrev i en meddelelse
news:4184ae15$0$22678$ba624c82@nntp04.dk.telia.net...


> Sådan:
>
> a:hover {
> color:white; //her definerer du selv de ønskede effekter..

Ja, det kender jeg, men det er lidt mere avanceret. Problemet er jo at jeg
har ikke bare ét a men et a.stor og et a.lille fordi jeg opererer med to
typer af links i forskellig størrelse.

Nu er det jeg vil vide om man kan kombinere dette med hover effekten.

Kan man f.eks. skrive a.stor:hover { og her definerer man så effekterne }
eller noget i den retning?

Undskyld mig meget hvis jeg spørger dumt, men jeg er altså ikke særlig god
til det her med at lave hjemmesider...

MVH Camilla.



Dennis Munding (31-10-2004)
Kommentar
Fra : Dennis Munding


Dato : 31-10-04 21:33

Hej Camilla!

> Ja, det kender jeg, men det er lidt mere avanceret. Problemet er jo at jeg
> har ikke bare ét a men et a.stor og et a.lille fordi jeg opererer med to
> typer af links i forskellig størrelse.
>
> Nu er det jeg vil vide om man kan kombinere dette med hover effekten.
>
> Kan man f.eks. skrive a.stor:hover { og her definerer man så effekterne }
> eller noget i den retning?

Jeg er ikke sikker, men det mener jeg ikke, at du kan!
Istedet skal du - så vidt jeg ved - bruge classes:

..stor {
hover: blue;
}
Osv....
Men som sagt, er jeg ikke sikker...

Der er garanteret en læser i NG, som kan give et meget bedre svar - så hav
lidt tålmodighed endnu...

> Undskyld mig meget hvis jeg spørger dumt, men jeg er altså ikke særlig god
> til det her med at lave hjemmesider...

Man kan aldrig spørge dumt - kun få et dumt svar!
Jeg er selv nybegynder - startede i maj i år - så det skal du ikke være
bekymret over....

Held og lykke!

--
Med venlig hilsen
Dennis Munding
http://mundings-memorial.dk/
http://home1.stofanet.dk/Skovaa_Munding.dk/



Crazy Camilla (31-10-2004)
Kommentar
Fra : Crazy Camilla


Dato : 31-10-04 21:39


"Dennis Munding" <news@news.invalid> skrev i en meddelelse
news:41854b67$0$23098$ba624c82@nntp05.dk.telia.net...

>> Kan man f.eks. skrive a.stor:hover { og her definerer man så
>> effekterne }
>> eller noget i den retning?
>
> Jeg er ikke sikker, men det mener jeg ikke, at du kan!
> Istedet skal du - så vidt jeg ved - bruge classes:
>
> .stor {
> hover: blue;
> }
> Osv....
> Men som sagt, er jeg ikke sikker...
>

Hej.

Tak for din hjælp. Jeg prøver at eksperimentere lidt mere...

MVH Camilla.



Knud Gert Ellentoft (31-10-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 31-10-04 21:58

Crazy Camilla skrev:

>Ja, det kender jeg, men det er lidt mere avanceret. Problemet er jo at jeg
>har ikke bare ét a men et a.stor og et a.lille fordi jeg opererer med to
>typer af links i forskellig størrelse.

a.stor:hover
a.lille:hover
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Ukendt (31-10-2004)
Kommentar
Fra : Ukendt


Dato : 31-10-04 09:25


"Crazy Camilla" <findes@ikke.dk> skrev i en meddelelse

> Det fungerer fint, men nu kunne jeg godt tænke mig at tilføje en effekt
hvor
> linket skifter farve, når man fører musen hen over det. Hvordan gør jeg
det?

Med pseudo-classen (:hover ) se evt. her:
http://www.9am.dk/tutorials/css/lektion4.asp

--
Jesper Frandsen
http://www.9am.dk/
Din guide til Hjemmesiden



Allan Vebel (31-10-2004)
Kommentar
Fra : Allan Vebel


Dato : 31-10-04 21:56

Crazy Camilla <findes@ikke.dk> skrev:

> effekt hvor linket skifter farve, når man fører musen hen
> over det.

Du tilføjer lidt ekstra css-kode og nogle ekstra klasser til
dine andereldes links. Se her hvordan:

http://html-faq.dk/2008.asp

--
Allan Vebel
http://html-faq.dk



Crazy Camilla (31-10-2004)
Kommentar
Fra : Crazy Camilla


Dato : 31-10-04 22:01


"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:41855161$0$33740$14726298@news.sunsite.dk...
> Crazy Camilla <findes@ikke.dk> skrev:
>
>> effekt hvor linket skifter farve, når man fører musen hen
>> over det.
>
> Du tilføjer lidt ekstra css-kode og nogle ekstra klasser til
> dine andereldes links. Se her hvordan:
>
> http://html-faq.dk/2008.asp
>
> --
> Allan Vebel
> http://html-faq.dk
>
>

Hej.

Så var jeg altså inde på noget af det rigtige...

Mange tak for hjælpen.



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