---

Jeg mangler en elegant løsning der giver mig borders på billeder man
holder musen over, samtidig ville jeg også gerne have at man kunne
kalde den funktion fra et andet links hover.

Har fundet een måde at gøre det med billederne men det er ikke særligt
praktisk og virker mig noget uhandy:

class="imgbdrOFF" onmouseover="this.className='imgbdrON'"
onmouseout="this.className='imgbdrOFF'"

At kunne skrive det en i stylesheetet at alle billeder der samtidigt
er links skal have hover {border=1px etc. } ville være rart..

Mvh

L

---

Loke skrev:

> Jeg mangler en elegant løsning der giver mig borders på
> billeder man holder musen over,

   img{ border: 2px solid white; }
   img:hover{ border-color: red; }

Virker ikke i IE (surprise) der kun understøtter hover på links.
Man kunne også nøjes med:

   img:hover{ border: 2px solid red; }

- men det vil få billederne til at "hoppe" ved mouseover.

Du kan se et eksempel her:
<http://www.gyros.dk/usenet/html/hoverborder.shtml>


Lægger man billedet ind i et link, kan IE også komme med.

> samtidig ville jeg også gerne
> have at man kunne kalde den funktion fra et andet links hover.

Lad os se din side - så er det lettere at hjælpe.
--
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

---

On Tue, 24 Feb 2004 15:36:03 +0100, Jens Gyldenkærne Clausen
<jens@gyros.invalid> wrote:

>> Jeg mangler en elegant løsning der giver mig borders på
>> billeder man holder musen over,
>
>   img{ border: 2px solid white; }
>   img:hover{ border-color: red; }

fint fix, det havde jeg ikke tænkt på

>Lægger man billedet ind i et link, kan IE også komme med.

hvad mener du med det?
-hvis jeg laver links fra billederne så reagerer IE ihvertfald ikke.

>> samtidig ville jeg også gerne
>> have at man kunne kalde den funktion fra et andet links hover.
>
>Lad os se din side - så er det lettere at hjælpe.

http://hjem.get2net.dk/comstar/

mvh

---

Loke skrev:

>>Lægger man billedet ind i et link, kan IE også komme med.
>
> hvad mener du med det?

Det burde nok være uddybet. CSS-koden skal ligge på linket for at
IE kan forstå det. Jeg har lavet en IE-udgave her:
<http://www.gyros.dk/usenet/html/hoverborder2.shtml>
--
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

---

Loke skrev:

>>Lad os se din side - så er det lettere at hjælpe.
>
> http://hjem.get2net.dk/comstar/

Tak. Så vidt jeg kan se er du nødt til at bruge javascript til at
sætte kanterne - hvis der ikke er en direkte sammenhæng mellem
linket og de tilhørende billeder, kan du ikke adressere dem med
css. Prøv at spørge om hjælp i clientsidegruppen.
--
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

---

On Tue, 24 Feb 2004 22:26:58 +0100, Jens Gyldenkærne Clausen
<jens@gyros.invalid> wrote:

>Tak. Så vidt jeg kan se er du nødt til at bruge javascript til at
>sætte kanterne - hvis der ikke er en direkte sammenhæng mellem
>linket og de tilhørende billeder, kan du ikke adressere dem med
>css. Prøv at spørge om hjælp i clientsidegruppen.

Jeg takker for hjælpen, det var fornemt, så vil jeg jage en
javascriptløsning til resten.

---

On Wed, 25 Feb 2004 07:43:40 +0100, Loke <[baijxz at mailme dot
dk]ignore@this.com> wrote:

>Jeg takker for hjælpen, det var fornemt, så vil jeg jage en
>javascriptløsning til resten.

Der var jeg lidt hurtig, ahøm, er der ikke nogen crossbrowser løsning?

---

Loke skrev:

>> Jeg takker for hjælpen, det var fornemt, så vil jeg jage en
>> javascriptløsning til resten.
>
> Der var jeg lidt hurtig, ahøm, er der ikke nogen crossbrowser
> løsning?

Øh - jo. Javascript kan sagtens laves så det fungerer i alle nyere
browsere (og lidt til). Spørg i javascriptgruppen.
--
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

---

"Loke" <[baijxz at mailme dot dk]ignore@this.com> skrev

> At kunne skrive det en i stylesheetet at alle billeder der samtidigt
> er links skal have hover {border=1px etc. } ville være rart..

Ikke noget problem:

img{
border:none
}

img.lnk a:hover{
border:1px solid blue
}

<a href="foo.htm"><img class="lnk" ....

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin