[GastForen Archiv Adobe GoLive Rahmen um Bild mit Hovereffekt

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Rahmen um Bild mit Hovereffekt

hunter
Beiträge gesamt: 498

1. Jul 2005, 16:19
Beitrag # 1 von 3
Bewertung:
(528 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,
wie schaffe ich es mit CSS ein verlinktes Bild einen farbigen Rahmen zu geben mit Hovereffekt

Gruß
hunter
X

Rahmen um Bild mit Hovereffekt

SabineP
Beiträge gesamt: 7586

1. Jul 2005, 16:37
Beitrag # 2 von 3
Beitrag ID: #175552
Bewertung:
(524 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Der IE ist da etwas störrisch. Dieser Code klappt sogar in IE4 und Firefox.

Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>

/*Linkfarben*/
a {color:#000000;}
a:hover {color:#993300;}

/*Linkfarbe Bilder*/
a:link img {border-top:4px solid #cccccc;border-left:4px solid #cccccc;border-right:4px solid #cccccc;border-bottom:4px solid #cccccc}
a:visited img {border-top:4px solid #cccccc;border-left:4px solid #cccccc;border-right:4px solid #cccccc;border-bottom:4px solid #cccccc}
a:hover img {border-top:4px solid #993300;border-left:4px solid #993300;border-right:4px solid #993300;border-bottom:4px solid #993300}
a:active img {border-top:4px solid #993300;border-left:4px solid #993300;border-right:4px solid #993300;border-bottom:4px solid #993300;}

</style>
</HEAD>

<BODY>
<a href="einlink.irgendwohin"><img src="bild.gif" width="100" height="100"></a>

</BODY>
</HTML>


Gruß Sabine


als Antwort auf: [#175543]

Rahmen um Bild mit Hovereffekt

hunter
Beiträge gesamt: 498

1. Jul 2005, 17:24
Beitrag # 3 von 3
Beitrag ID: #175566
Bewertung:
(520 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
super probier ich gleich mal aus

gruß
hunter


als Antwort auf: [#175552]