Avatar billede roar Nybegynder
07. maj 2000 - 18:45 Der er 4 kommentarer og
1 løsning

Skift rammefarve til billedlinks, mens musen holdes over, hvordan?

Jeg har et billede der fungerer som link:

<A href="da.html">Dansk<IMG src="flag.jpg" alt="Flagbillede"></A>

I et tilknyttet stylesheet (CSS) er links sat til at skifte til rød når musen holdes over linket:

A:hover {
color: red;
}

Siden vises i IE5.

Mens musen holdes over billedet er "Dansk" rød og "Flagbillede" skifter til rød (det kan lige ses før billedet er loadet).

Mit spørgsmål:
--------------
Hvordan får man rammen på billedlinket til at skifte farve, mens musen holder over billedet?

--
Roar
Avatar billede mpj Nybegynder
07. maj 2000 - 22:35 #1
<IMG BLABLA Border="1">
Så har den kabnt på så skulle den ugså gerne skifte farve...(Hvis jeg forstod spørgsmålet
Avatar billede roar Nybegynder
08. maj 2000 - 13:18 #2
Kanten skifter netop ikke farve. Det er kun den almiindelige tekst ("Dansk") og alt-teksten ("Flagbillede") der skifter farve.

Uanset om rammen sættes med border-attributten <IMG border="2"> eller med CSS IMG { border-size: medium; } så skifter rammefarven ikke sammen med tekstlinket i IE5 på Windows 95.

Kan det være at man er nødt til at bruge JavaScript for at opnå den effekt jeg ønsker?

Eller kan det på en eller anden måde klares lidt mere enkelt med CSS.
--
Roar
Avatar billede roar Nybegynder
08. maj 2000 - 13:21 #3
Rettelse ...
Sidste sætning var et spørgsmål!

Eller kan det på en eller anden måde klares lidt mere enkelt med CSS?
Avatar billede sirius Nybegynder
08. maj 2000 - 13:40 #4
det er et javascript du skal bruge.

i style:
img.off {border:1px solid black;}
img.on {border:1px solid red;}

ved dit billede:
<img src="flag.jpg" alt="Flagbillede" class="off" onMouseOver="this.className='on'" onMouseOut="this.className='off'">
Avatar billede roar Nybegynder
08. maj 2000 - 17:01 #5
Sirius, det virker fint nok.

Men så kan du måske også svare på det nye spørgsmål jeg har oprettet om hvordan man skifter farve ved fokus?
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