✔ Problem mit Links von Bildern

[kubanese]

Hallo zusammen,

ich habe ein Problem. Wenn ich Bilder verlinke dann ist die Farbe des Rahmens vom Bild immer dieses standard-blau und nach dem besuch des links wird diese lila. Dieses Problem tritt nur beim IE auf.

im Firefox funktioniert es, dass der Rahmen der bilder rot sind und auch bleiben.

was muss ich ändern, damit auch im IE die RAhmen rot sind und nach dem besuch auch rot bleiben?

hier mein stylesheet:

.header {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: bottom;
	background-color: #CCCCCC;
	background-image: url(header.jpg);
	background-repeat: no-repeat;	
}
.header a {
	text-decoration: none;
}

.header a:link { color: #800000; background: transparent }
.header a:visited { color: #800000; background: transparent }
.header a:hover { color: #FFFFFF; background: transparent }
.header a:active { color: #DDDDDD; background: transparent }	

.footer {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	background-color: #D6D6D6;
}
.content {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #D6D6D6;
	background-image: url(bilder/hintergrund_links.JPG);
	background-repeat: no-repeat;			
}
.navi {
	border-right: 1px dashed #000000;
	text-align: left;
	color: #000000;
	vertical-align: top;
	background-color: transparent;	
}
.data {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	background-image: url(bilder/hintergrund_rechts.JPG);
	background-repeat: no-repeat;				
}
.index {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	text-align: right;
	vertical-align: bottom;
	background-color: transparent;
}
.hintergrund {
	background-color: #FFFFFF;
	background-image: url(hintergrund.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
}
.title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}
.aufzaehl {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	background-color: #FFFFFF;	
}

a:link { text-decoration:none; font-weight:bold; color:#800000; }
a:visited { text-decoration:none; font-weight:bold; color:#800000; }

ul {
	font-weight: normal;
	list-style-type: square;
	color: #000000;
}
.bild {
	color: #000000;
	background-color: transparent;
	background-image: url(bilder/hintergrund_rechts.JPG);
	background-repeat: no-repeat;	
}

.text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;	
}
.cancelled {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;	
}
img {
	color: #800000;
	border: 1px solid FFFFFF;
}
.gbook {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #D6D6D6;
	text-align: left;
	vertical-align: top;
	background-image: url(bilder/hintergrund_gbook.JPG);
	background-repeat: no-repeat;	
}
.gbooktext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
}

Danke shconmal im vorraus.

 

[Maik]

Setz folgende CSS-Regel ein, damit alle Browser den Rahmen des Grafik-Links rot darstellen:

a:link img, a:visited img {
border: 1px solid #ff0000;
}

 

[kubanese]

ok danke das wars.