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>
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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>
20. januar 2004 - 01:38
#3
nope
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>
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 :-)
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 ;-)
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
26. februar 2004 - 22:02
#8
selve*
26. februar 2004 - 22:17
#9
ARGHH ok så virker det ikke i EI !¤&!)!#)=#!¤=£&)(=@¤#&#]!)#!!#)
26. februar 2004 - 22:18
#10
IE*
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)
Vi tilbyder markedets bedste kurser inden for webudvikling