phpBB.de

Verfasst: **15.02.2006 15:14**

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?

Verfasst: **15.02.2006 15:44**

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

Code: Alles auswählen

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

Verfasst: **15.02.2006 16:04**

Hi miccon,

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

Verfasst: **15.02.2006 16:32**

hast du meinen vorschlag schon ausprobiert?

Verfasst: **15.02.2006 17:12**

Hab mal:

Code: Alles auswählen

img { 
	border: none; 
}

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

Verfasst: **15.02.2006 17:15**

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>

Verfasst: **15.02.2006 19:08**

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.

Verfasst: **15.02.2006 22:31**

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

Verfasst: **15.02.2006 23:13**

tja, schneller ist nicht immer besser

phpBB.de

subOracle Style macht verlinkte Graf. mit blauem Rand im IE6

subOracle Style macht verlinkte Graf. mit blauem Rand im IE6