Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Web-Design [IE] blauer Rand bei verlinkten Bildern? (https://www.photoshop-cafe.de/forum/showthread.php?t=1926)

Lebian 21.05.06 14:21

[IE] blauer Rand bei verlinkten Bildern?
 
Hallo, weiß jemand, warum der Internet Explorer manche verlinkte bilder mit einem blauen Rand versieht, wie zB HIER?

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 15:49

hat das nicht was mit den voreinstellungen des ie zu tun?

Lebian 21.05.06 18:46

keine Ahnung, aber komischerweise passiert es nur bei manchen Seiten :nixweiss:

chataya 21.05.06 18:51

selfhtml weiß (fast) immer rat ... und das ist die lösung, 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 20: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:
HTML-Code:

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:

HTML-Code:

<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 09:57

oder einfach ....border="0"... dann gibt's gar keinen Rahmen...

chataya 22.05.06 20:20

Zitat:

Zitat von Lebian
... (das border="1" ist schon gewollt, im FF wird das ja auch normal angezeigt)

so soll es dann wohl doch nicht sein ... :whistling

Ylloh 22.05.06 21:53

Zitat:

Zitat von vektorpixel
HTML-Code:

<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 22: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...

Lebian 22.05.06 22:18

vielen dank, die lösung per css ist sehr elegant. werd ich jetz anwenden

MfG Lebian

<3 photoshopcafé

Ylloh 22.05.06 22:21

Zitat:

Zitat von vektorpixel
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 22: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

Lebian 22.05.06 22:36

sorry, aber das problem besteht anscheinend immer noch. ich habe jetz folgenden code benutzt:

HTML-Code:

<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 22: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-Code:

<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....

Ylloh 23.05.06 14:57

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 19: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?

Ylloh 24.05.06 19:41

Naja ab 4.01 empfiehlt die W3C das benutzen von style-Definitionen...

Lebian 18.06.06 12:46

so, klappt jetz auch im IE, genau wie in allen anderen browsern.

und zwar mit folgendem code:
HTML-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 -->



Alle Zeitangaben in WEZ +2. Es ist jetzt 21:57 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,02130 Sekunden mit 8 Queries