Avatar billede minau Nybegynder
20. januar 2004 - 01:23 Der er 10 kommentarer og
1 løsning

border på img med class

Hej - jeg vil gerne lave en onmouse over efekt met et billede der er et link - jeg har prøvet mig lidt frem - men dette virker ikke så godt - hvorfor ik?


<html><head>
<style>

.frame     {        border-width : medium; }

.frame A:link {  border-color : Fuchsia;  }
.frame A:active{  border-color : Fuchsia;    }
.frame A:hover{    border-color : black;  }
.frame A:visited{ border-color : Fuchsia; }

</style>
</head>
<body>


<a href="dfsdf" ><img src="jkshdf.jap" border=0 class="frame"></a>
Avatar billede minau Nybegynder
20. januar 2004 - 01:26 #1
(farven er fundet på http://www.brobstsystems.com/colors1.htm - men det er vel lige meget)
Avatar billede roenving Novice
20. januar 2004 - 01:32 #2
Såvidt jeg husker har css en stor mængde muligheder for at finde hierarkier i nedadgående række, men ingen til de opadgående ...

-- den kode, du har skrevet skulle betyde at a-tags indeholdt i frame-classes skulle reagere, men du kan jo bare:

<style type="text/css">

.frame    {border-width : medium; }

.frame:link {border-color:fuchsia;}
.frame:active{border-color:fuchsia;}
.frame:hover{border-color:black;}
.frame:visited{border-color:fuchsia;}

</style>

...

<a href="dfsdf" class="frame"><img src="jkshdf.jap" border=0 class="frame"></a>
Avatar billede minau Nybegynder
20. januar 2004 - 01:38 #3
nope
Avatar billede doggy82 Praktikant
20. januar 2004 - 01:40 #4
hmm jeg ville gøre så'n:

<html>
<head>
<style type="text/css">

.frame    {border: 3px fuchsia solid;}
.frame:hover {border: 3px black solid;}

</style>
</head>
<body>

<a href="dfsdf" class="frame"><img src="jkshdf.jap" border=0></a>
Avatar billede minau Nybegynder
20. januar 2004 - 01:45 #5
Det er jo perfekt - det sjove er at CSS jo ikke er svært - man skal bare liiiige gøre det rigtige :-)
Avatar billede exp Juniormester
20. januar 2004 - 15:34 #6
det er nemlig rigtigt minau - det svære ved css er ikke at bruge det, det er at huske hvordan en given parameter defineres ;-)

... som fx her, hvor der skal angives en kanttykkelse for at det virker ;-)
Avatar billede doggy82 Praktikant
26. februar 2004 - 22:01 #7
Jeg har lige en update (sikken service der er på drengen her)

.frame img  {border:3px fuchsia  solid;}
.frame:hover img {border:3px black solid;}

<a href="dfsdf" class="frame"><img src="jkshdf.jap"></a>

- Når man på denne måde sætter rammen om selv billedet virker det også i Mozilla :D
Avatar billede doggy82 Praktikant
26. februar 2004 - 22:02 #8
selve*
Avatar billede doggy82 Praktikant
26. februar 2004 - 22:17 #9
ARGHH ok så virker det ikke i EI !¤&!)!#)=#!¤=£&)(=@¤#&#]!)#!!#)
Avatar billede doggy82 Praktikant
26. februar 2004 - 22:18 #10
IE*
Avatar billede minau Nybegynder
26. februar 2004 - 22:20 #11
hvis man nu både bruger hover{border-color:black;}og hover img {border:3px black solid;}
- så skal det nok virke (har ikk prøvet)
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