subOracle Style macht verlinkte Graf. mit blauem Rand im IE6

[Gutschy]

Hi,

hab ein paar verklinkte Grafiken eingbaut, im FF sehen die toll aus, umrandet in grau, passend zum Design. Das ganze im IE6 knallt leider völlig raus. Die Bilder sind ohne Hover Effekt knallblau umrandet, auf das Hovern kann ich verzichten aber das Blau müßte weg.

Hier mal die Style Anweisung:

Code: Alles auswählen

a:link, a:active {
	color : #404040;
}
a:visited {
	color: #505050;
}
a:hover    {
	text-decoration: underline;
	color : #B6B6B6;
}

Und hier der HTML Code:

Code: Alles auswählen

<table width="98%" cellpadding="3" cellspacing="1" border="0">

			<tr>
			<td align="center">

				<a href="http://www.it-verbund.de/" target="_blank"><img src="werbung/it-verbundwerbung2.gif"></a>
			</td>	

			</tr>

		</table>

Jemand eine Idee?

[miccom]

wie wärs mit einem border=0 im img-tag?:

Code: Alles auswählen

<img src="werbung/it-verbundwerbung2.gif" border=0>

[Gutschy]

Hi miccon,

in natürlich eine Idee, aber das Hovern ist unter dem FF sehr hübsch, von daher wollte ich das eigentlich behalten.

[miccom]

hast du meinen vorschlag schon ausprobiert?

[Gutschy]

Hab mal:

Code: Alles auswählen

img { 
	border: none; 
}

in der subOracle.css eingetragen, funktioniert wie erwartet, also kein Rahmen mehr.

[miccom]

gib uns mal einen link zu deiner seite.

/e jetzt weiss ich was du machen willst

du legst am besten für images mit einem gewünschten rahmen eine eigene class an. diese baust du dann in a-tag ein:

in den css teil:

Code: Alles auswählen

.test img {border: 5px solid #ff0000}
.test:hover img {border: 5px solid #000}
.test:hover {color: #ff0000}

beispiel:

Code: Alles auswählen

<a href="http://www.niedermayr.cc/index.html" class=test><img src="http://www.niedermayr.cc/forum/templates/niedermayr/images/logo.gif" class=test></a><br><br>

[Gutschy]

Teste gerade rum und habe diesen Tipp bekommen, ok der war ähnlich wie das war hier steht, ohne "display:block;" mach der FF Darstellungsfehler und das "img { border: none; }" verhindert die blaue Umrandung im IE. Leider kommt es nur nah dran, beim ersten Besuch der Seite tauchen die Rahmen gar nicht auf, erst bei den Besuchten Links, ist aber nur beim FF. Kuckst du hier: www.b481.de

Code: Alles auswählen

a#effekt:link, a#effekt:link {
 display:block;
 border:3px solid ##404040;
 }
 
 a#effekt:visited {
 display:block;  
	border:3px solid #505050;
	}

 a#effekt:hover {
 display:block; 
 border:3px solid #B6B6B6;
 }
 
 img { border: none; }

Auf der Seite:

Code: Alles auswählen

				<table width="98%" cellpadding="3" cellspacing="3" border="0">

					<tr>
					<td align="center">

						<a href="http://www.wolf-optik.de/" target="_blank" id="effekt"><img src="werbung/wolfwerbung3.gif"></a>
					</td>

					</tr>

				</table>

Probiere heute Abend noch deinen Tipp aus, aber erst mal einkaufen gehen und danach RTL II *g*. Ich glaube deine Methode könnte besser klappen.

[Gutschy]

miccom hab mich für deine Variante entschieden, simpel und für beide Browser. Besten Dank. Hätte ich gleich machen sollen, aber der andere Tipp war schneller.

so long,

Gutschy

[miccom]

tja, schneller ist nicht immer besser