Vollständige Version anzeigen : Web-Design [IE] blauer Rand bei verlinkten Bildern?
Hallo, weiß jemand, warum der Internet Explorer manche verlinkte bilder mit einem blauen Rand versieht, wie zB HIER (http://home.arcor.de/slahp/media/pics/Jugendtag%20Wissen/)?
Wie kann man das verhindern? (das border="1" ist schon gewollt, im FF wird das ja auch normal angezeigt)
MfG Lebian
blindguard
21.05.06, 16:49
hat das nicht was mit den voreinstellungen des ie zu tun?
keine Ahnung, aber komischerweise passiert es nur bei manchen Seiten :nixweiss:
selfhtml weiß (fast) immer rat ... und das ist die lösung (http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=blur), wenn ich dein problem richtig verstanden habe ...
einfach den link "Wie kann ich den gepünktelten Rahmen um aktivierte Verweise im Internet Explorer vermeiden?" ganz unten anklicken.
vektorpixel
21.05.06, 21:01
Den blauen Rahmen um ein verlinktes Bild wird von IE automatisch gemacht. Dies kannst du umgehen indem du in dem <img>-Tag folgende CSS anweisung schreibst: style="border-color:black;border-width:1px"
"border-color" definiert die Farbe, und "border-width" die Dicke des Rahmens.
Das ganze verlinkte Bild (habe ich aus deinem Quellcode) als Beispiel:
<a href="1.htm"><img border="1" src="1_p.jpg" style="border-color:black;border-width:1px"></a>
Wenn du sehr viele verlinkte Bilder hast, empfiehlt es sich, das Stylesheet auszulagern in eine separate datei.
Darkwing-dave
22.05.06, 10:57
oder einfach ....border="0"... dann gibt's gar keinen Rahmen...
... (das border="1" ist schon gewollt, im FF wird das ja auch normal angezeigt)
so soll es dann wohl doch nicht sein ... :whistling
<a href="1.htm"><img border="1" src="1_p.jpg" style="border-color:black;border-width:1px"></a>
wobei dann nun wieder das border="1" wegfallen kann, nech :)
Aber ich finds immer wieder schön sich mal zu überlegen, wie der Browser einen Rand von 1 Apfel dartellt *g* Gut dass die voreinstellungen nicht cm sind *g*
vektorpixel
22.05.06, 23:04
Da bei IE Standartmässig ein Rahmen um ein verlinktes Bild angezeigt wird - theoretisch ja. Da ich aber nicht weiss, wie andere Browser das handhaben, gehört auf jeden fall "boder=1" in das <img>-Tag...
vielen dank, die lösung per css ist sehr elegant. werd ich jetz anwenden
MfG Lebian
<3 photoshopcafé
Da bei IE Standartmässig ein Rahmen um ein verlinktes Bild angezeigt wird - theoretisch ja. Da ich aber nicht weiss, wie andere Browser das handhaben, gehört auf jeden fall "boder=1" in das <img>-Tag...
aber du setzt doch dann den Rand 2 mal, oder?
vektorpixel
22.05.06, 23:27
nein. mit "border=1" sagst du nicht, er soll einen Rahmen anzeigen (wie "on" oder "off"), sondern der Rahmen soll 1px betragen. mit "border=0" wird kein Rahmen angezeigt da 0px = 0 Rahmen ist. du kannst auch "border=2" schreiben. Dann wird dir ein 2px dicker Rahmen dargestellt.
Mit "border=1" wird der Rand also nicht 2mal gesetzt, sondern nur sichergestellt, dass immer ein 1px dicker Rahmen angezeigt wird...
...bissl kompliziert aber logisch :ja
sorry, aber das problem besteht anscheinend immer noch. ich habe jetz folgenden code benutzt:
<a href="1.htm"><img border="1" src="1_p.jpg" style="border-color:black;border-width:1px"></a>
klappt prima in allen browsern. außer dem IE. dort ist der rahmen immer noch blau nicht schwarz.
es kann doch nicht so schwer im IE bilder mit nem schwarzen rahmen anzeigen zu lassen :nixweiss:
vektorpixel
22.05.06, 23:42
Bist auch wirklich sicher, dass du die Datei upgeloadet / aktualisiert hast? Wenn ja, kannst du mal einen Test machen: Erstelle ein neues HTML-Dokument und kopiere folgenden Quelltext hinein. Dann rufst du die Seite im IE auf:
<html>
<body>
<a href="1.htm"><img border="1" src="1_p.jpg" style="border-color:black;border-width:1px"></a>
</body>
</html>
bei mir klappt es im IE....
aber du definierst doch mit border="1px" das gleiche wie mit style="border-width:1px;" oder?
Das kann halt sein, dass der IE den style-tag ignoriert, wenn er nen HTML-3.5er Tag bekommt...
vektorpixel
24.05.06, 20:25
Hmm nun ist ein Licht aufgegangen :emo_biggr . Der Rahmen wird zwar doppelt definiert, jedoch an beiden Orten mit den gleichen werten. Doppelt hält besser :nixweiss: . Das mit dem 3.5 HTML-Tag habe ich noch nicht ganz geschnallt...
Wie stehts mit dem Problem bei Lebian? Hats inzwischen geklappt?
Naja ab 4.01 empfiehlt die W3C das benutzen von style-Definitionen...
so, klappt jetz auch im IE, genau wie in allen anderen browsern.
und zwar mit folgendem code:
<body background="../../../content_data/bg.jpg" link="#000000" vlink="#000000" alink="#2A2A2A">
<!-- linkfarbe bestimmt im IE den rand -->
<a href="1.htm"><img border="1" src="1_p.jpg"></a>
<!-- halt der normale border-tag -->
vBulletin® v3.8.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd.