Søg
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 19:03 iMac 2026 M6 10-core GPU (standart ell opdatering) Af LLG i Mac
I går 09:43 Vista Af susej14 i Andet software
05/1111:47 Printernavn i Enhedshåndtering er et andet end i Printere og Scannere Af Uvanga i Printere
04/1115:18 Hvordan er det - At man sætter et billed af en ting her på ? Af Ikke-ekspert i Diverse
03/1113:58 Status på UPS Af dcedata1977 i Andet hardware
White papers
Flere white papers »