/ 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
tekst skifter farve
Fra : Jesper Hansen


Dato : 09-03-03 18:34

Hallo NG

Jeg har en sort tekst, hvordan skifter jeg farven til rød når jeg kører over
den med musen?

Tak



 
 
Lasse Reichstein Nie~ (09-03-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 09-03-03 18:42

"Jesper Hansen" <spoerg@mig.dk> writes:

> Jeg har en sort tekst, hvordan skifter jeg farven til rød når jeg kører over
> den med musen?

Med en CSS-regel, fx
span.sorttekst {color:black;}
span.sorttekst:hover {color:red;}

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

jopa (09-03-2003)
Kommentar
Fra : jopa


Dato : 09-03-03 18:39

Davs du
Jesper Hansen <spoerg@mig.dk> skrev bla:
> Hallo NG
>
> Jeg har en sort tekst, hvordan skifter jeg farven til rød når jeg
> kører over den med musen?

Brug CSS

Et eks:
a:hover {
      color:red;
}

Prøv at kigge ind på www.html.dk og følg deres glimrende tutorials om CSS

--
Mvh. John
www.johns-web.dk / www.jp-web.dk
www.web-templates.dk
Teamwork sharpening the skills!!



Jesper Hansen (09-03-2003)
Kommentar
Fra : Jesper Hansen


Dato : 09-03-03 18:42

> Brug CSS
>
> Et eks:
> a:hover {
> color:red;
> }

Hvis nu ikke alle tekster skal skifte farve hvad så. Hvordan laver jeg en
klasse jeg kan bruge?



Niels Andersen (09-03-2003)
Kommentar
Fra : Niels Andersen


Dato : 09-03-03 20:29

Jesper Hansen wrote in <3e6b7cdd$0$141$edfadb0f@dread11.news.tele.dk>:
>> a:hover {
>> color:red;
>> }
> Hvis nu ikke alle tekster skal skifte farve hvad så. Hvordan laver jeg en
> klasse jeg kan bruge?

Hvis jeg husker rigtigt:

a.klasse:hover

--
Mvh.
Niels Andersen
http://myplace.dk/articles/getpost/?lang=da

Jesper Hansen (09-03-2003)
Kommentar
Fra : Jesper Hansen


Dato : 09-03-03 20:48

> > Hvis nu ikke alle tekster skal skifte farve hvad så. Hvordan laver jeg
en
> > klasse jeg kan bruge?
>
> Hvis jeg husker rigtigt:
>
> a.klasse:hover

Kan der vises et eks. med brug af ovenstående i CSS og hvordan jeg henter
det i min html fil?

Tusind tak



Jens Gyldenkærne Cla~ (09-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 09-03-03 22:13

Jesper Hansen skrev:

> Kan der vises et eks. med brug af ovenstående i CSS og hvordan
> jeg henter det i min html fil?

Prøv at følge det link jopa gav dig tidligere i tråden (eller gå
direkte til den nævnte tutorial her:
<http://html.dk/tutorials/css/>. Det er forklaret ganske godt der.
--
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

Jesper Hansen (10-03-2003)
Kommentar
Fra : Jesper Hansen


Dato : 10-03-03 11:25

> > Kan der vises et eks. med brug af ovenstående i CSS og hvordan
> > jeg henter det i min html fil?
>
> Prøv at følge det link jopa gav dig tidligere i tråden (eller gå
> direkte til den nævnte tutorial her:
> <http://html.dk/tutorials/css/>. Det er forklaret ganske godt der.

Ja det er en god tutorial, men jeg synes ikke jeg får svar på netop mit spg.

HTML:

<span class="skiftfarve">Test</span>

CSS:

span.skiftfarve:hover
{
color: red;
}

Men teksten skifter ikke farve.

Benytter jeg:

a:hover{
color: red;
}

Skifter alle <a> til rød og ikke kun dem jeg vil have.



Jesper Brunholm (10-03-2003)
Kommentar
Fra : Jesper Brunholm


Dato : 10-03-03 11:43

Jesper Hansen wrote:
>><http://html.dk/tutorials/css/>. Det er forklaret ganske godt der.
>
> Ja det er en god tutorial, men jeg synes ikke jeg får svar på netop mit spg.
>
> HTML:
> <span class="skiftfarve">Test</span>
>
> CSS:
> span.skiftfarve:hover
> {
> color: red;
> }
>
> Men teksten skifter ikke farve.

nej - for browserne understøtter endnu ikke :hover på andet end a...

> Benytter jeg:
>
> a:hover{
> color: red;
> }
>
> Skifter alle <a> til rød og ikke kun dem jeg vil have.

ja - så du må indskrænke det ved at fortælle den at den "kun skal skifte
farve på a:hover hvor de forekommer i class skiftfarve. Sådan:

..skiftfarve a:hover{
color: red;
}

mvh

Jesper Brunholm

--
H.C. Andersen-Centret med nyt design: <http://www.andersen.sdu.dk/>
Phønix - dansk folk-musik fra unge musikere - <http://www.phonixfolk.dk/>


Knud Gert Ellentoft (10-03-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 10-03-03 14:27

"Jesper Hansen" <spoerg@mig.dk> skrev :

>Ja det er en god tutorial, men jeg synes ikke jeg får svar på netop mit spg.

Du kan bruge onmouseover/out til at skifte farve.

<span style="color: white"
onmouseover = "this.style.color='red';"
onmouseout = "this.style.color='white';">
Tekst
</span>

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Jens Gyldenkærne Cla~ (10-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-03-03 11:45

Jesper Hansen skrev:

> HTML:
>
> <span class="skiftfarve">Test</span>
>
> CSS:
>
> span.skiftfarve:hover
> {
> color: red;
> }
>
> Men teksten skifter ikke farve.

IE understøtter ikke hover på andet end links. Ovenstående eksempel
virker fint i Opera og Mozilla.


> a:hover{
> color: red;
> }
>
> Skifter alle <a> til rød og ikke kun dem jeg vil have.

Du kan også sætte en klasse på links:

HTML: <a class="hoverred">Test</a>

CSS: a.hoverred:hover { color: red; }
--
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

Jens Gyldenkærne Cla~ (10-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-03-03 11:52

Jesper Brunholm skrev:

>> Men teksten skifter ikke farve.
>
> nej - for browserne understøtter endnu ikke :hover på andet
> end a...

Ahem - IE understøtter ikke :hover på andet end links. De to andre
nye browsere jeg har gør.


> ja - så du må indskrænke det ved at fortælle den at den "kun
> skal skifte farve på a:hover hvor de forekommer i class
> skiftfarve. Sådan:
>
> .skiftfarve a:hover{
> color: red;
> }

Det vil fange:

<span class="skriftfarve"><a href...>Tekst</a></span>

En anden mulighed er at definere klassen for a-elementet, jf. mit
andet indlæg.
--
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

Jesper Brunholm (10-03-2003)
Kommentar
Fra : Jesper Brunholm


Dato : 10-03-03 13:01

Jens Gyldenkærne Clausen wrote:
> Jesper Brunholm skrev:
>>nej - for browserne understøtter endnu ikke :hover på andet
>>end a...
>
> Ahem - IE understøtter ikke :hover på andet end links. De to andre
> nye browsere jeg har gør.

ups - undskyld fejlinformationen - jeg synes bestemt jeg havde læst det
andet - og jeg har ikke testet endnu.
Selv om jeg er mozilla-mand vil jeg dog nok stadig undlade at basere
væsentlig kode på noget som ikke virker i Explorer. Det skylder jeg et
antal % af mine brugere

> Det vil fange:
>
> <span class="skriftfarve"><a href...>Tekst</a></span>

ja, men også <a> -tags i en vilkårlig anden selector som er class
skriftfarve. Fx <td class="skriftfarve"><a...

Det kan være en fordel ikke at skulle lægge noget på hvert a-tag, men i
stedet at kunne definere et områdes formattering - efter min mening.

> En anden mulighed er at definere klassen for a-elementet, jf. mit
> andet indlæg.

afgjort, og det kan have sine styrker. Jeg læste det bare ikke som at
det var det han ville.

Men: tak for rettelsen om understøttelse. Fejlinformation er en ret
tåbelig ting :)

/Jesper Brunholm

--
H.C. Andersen-Centret med nyt design: <http://www.andersen.sdu.dk/>
Phønix - dansk folk-musik fra unge musikere - <http://www.phonixfolk.dk/>


Jens Gyldenkærne Cla~ (10-03-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-03-03 14:07

Jesper Brunholm skrev:

> ups - undskyld fejlinformationen - jeg synes bestemt jeg havde
> læst det andet - og jeg har ikke testet endnu.

Det er hurtigt at teste - men hvis du har læst noget andet kan jeg
godt forstå at du ikke testede.


> Selv om jeg er mozilla-mand vil jeg dog nok stadig undlade at
> basere væsentlig kode på noget som ikke virker i Explorer. Det
> skylder jeg et antal % af mine brugere

Samme her - jeg var bestemt heller ikke uenig i dit forslag, blot
med din kommentar vedr. browserunderstøttelse.


> Det kan være en fordel ikke at skulle lægge noget på hvert
> a-tag, men i stedet at kunne definere et områdes formattering

Afgjort.


> Men: tak for rettelsen om understøttelse. Fejlinformation er
> en ret tåbelig ting :)

Det gode ved usenet er at fejlinformation sjældent får lov at stå
uimodsagt.
--
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 : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste