nicht angemeldet
ungewollter Rahmen bei Bildern
0 0 0 0 0 0 0 0 
Der Martin
0
0
ungewollter Rahmen bei Bildern
Hallo und guten Tag!
Bei meinen Bildern erscheinen ungewollte Rahmen-Striche im Browser, wie kriege ich die weg?
Die CSS Anweisung
img { border : none; }
klappt jedenfalls nicht.
Ausserdem erscheint auch nicht ein vollständiger Rahmen, sondern z.B. nur oben und links ein Strich, rechts und unten am Bild erscheint nichts.
Vielen Dank schon mal!
Gruss noknok
-
Hi,
Vielen Dank schon mal!
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Hi,
Vielen Dank schon mal!
MfG ChrisB
Hallo ChrisB,
Danke für Deine Antwort. Aber verstehen tue ich das nicht wirklich.
Habe ich irgendeine allzu banale Frage gestellt? Ich habe mich eine Stunde mit dem Problem herumgeschlagen und ich bin ein wenig verzweifelt und entnervt. Deshalb suche ich Hilfe.Mit freundlichem Gruss
-
Hi,
Danke für Deine Antwort. Aber verstehen tue ich das nicht wirklich.
Habe ich irgendeine allzu banale Frage gestellt?In erster Linie eine zu unspezifische.
Ich habe mich eine Stunde mit dem Problem herumgeschlagen und ich bin ein wenig verzweifelt und entnervt. Deshalb suche ich Hilfe.
Dann ermögliche uns bitte, dir zu helfen - in dem du uns *Details* zu deinem Problem lieferst, die es für uns nachvollziehbar machen.
Vorzugsweise als ein Online-Beispiel.MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Also gut, dann auf ein neues.
Ich versuche, Bilder in meine HTML Seite einzubinden. Das tue ich mit
<img src="beispiel.jpg">
Das Bild erscheint dann auch im Browser.
Allerdings ist am oberen und am linken Rand des Bildes ein dünner Strich, der sehr störend ist, denn der Hintergrund und ein Grossteil vom Bild sind weiss.Ein Online-Beispiel habe ich nicht zur Hand, ich bearbeite die Dateien lokal.
Ich benutze den Firefox.-
Allerdings ist am oberen und am linken Rand des Bildes ein dünner Strich, der sehr störend ist, denn der Hintergrund und ein Grossteil vom Bild sind weiss.
Das ist nicht nachvollziehbar.
Ein Online-Beispiel habe ich nicht zur Hand, ich bearbeite die Dateien lokal.
Dann reduziere dein HTML-Dokument und das CSS so weit, bis der Fehler nicht mehr auftritt und schau nach, was daran Schuld hat.
-
Allerdings ist am oberen und am linken Rand des Bildes ein dünner Strich, der sehr störend ist, denn der Hintergrund und ein Grossteil vom Bild sind weiss.
Das ist nicht nachvollziehbar.
Ein Online-Beispiel habe ich nicht zur Hand, ich bearbeite die Dateien lokal.
Dann reduziere dein HTML-Dokument und das CSS so weit, bis der Fehler nicht mehr auftritt und schau nach, was daran Schuld hat.
Das Problem taucht sogar im "Reinzustand" auf. Allerdings habe ich jetzt einen Unterschied festgestellt.
Wenn ich diese Seite lade
<html>
<body>
<img src="logo.jpg">
</body>
</html>
geht alles gut. Bei dieser Seite
<html>
<body>
<img src="logo.jpg" width="100px">
</body>
</html>
erscheint aber wieder mein Rand links und oben.Wenn ich die reine jpg Seite lade im Browser, sehe ich auch keinen Rand.
-
Hi,
Bei dieser Seite
<html>
<body>
<img src="logo.jpg" width="100px">
</body>
</html>
erscheint aber wieder mein Rand links und oben.Geht es dir letztendlich nur um die Default-Margins/-Padding der Elemente body und html?
Noch mal: Nimm dir Firebug, damit findest du sehr einfach heraus, wo irgendwelche Abstände herkommen.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Hi,
Bei dieser Seite
<html>
<body>
<img src="logo.jpg" width="100px">
</body>
</html>
erscheint aber wieder mein Rand links und oben.Geht es dir letztendlich nur um die Default-Margins/-Padding der Elemente body und html?
Noch mal: Nimm dir Firebug, damit findest du sehr einfach heraus, wo irgendwelche Abstände herkommen.
Der Firebug gibt beim Layout des img-Elements in der Version mit Rand an:
margin 0
border 0
padding 0
100 x 75Ich war mir eigentlich von Anfang an sicher, dass ich vor langem schon einmal etwas über dieses Phänomen gelesen hatte, und auch über die Standard-Lösung. Aber ich kann mich nur nicht mehr erinnern, was es war.
Nun ja, vielen Dank jedenfalls für die Tipps und eure Mühe.
-
Hi,
Der Firebug gibt beim Layout des img-Elements in der Version mit Rand an: [...]
Noch mal:
Geht es dir letztendlich nur um die Default-Margins/-Padding der Elemente body und html?
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
-
-
-
Hallo,
Das Problem taucht sogar im "Reinzustand" auf. Allerdings habe ich jetzt einen Unterschied festgestellt.
und zwar einen entscheidenden, den du uns bisher verschwiegen hast.
<img src="logo.jpg" width="100px">
erscheint aber wieder mein Rand links und oben.Die Bildskalierung der meisten Browser ist nicht besonders gut. Gerade solche Effekte wie Phantom-Kanten treten gern mal auf, wenn der Browser ein Bild kleiner skaliert. Liefere das Bild lieber gleich in der Größe aus, die du haben möchtest, und skaliere es dafür mit einem ordentlichen Bildbearbeitungsprogramm.
Ciao,
Martin--
Was war nochmal ein Vakuum? Ich hab's im Kopf, aber ... hmm, Vakuum ...
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:( -
Mahlzeit noknok,
geht alles gut. Bei dieser Seite
<html>
<body>
<img src="logo.jpg" width="100px">
</body>
</html>
erscheint aber wieder mein Rand links und oben.<http://de.selfhtml.org/html/grafiken/einbinden.htm#breite_hoehe@title=Kein Wunder bei ungültigem HTML:> kein mir bekannter Browser unterstützt die Einheit "Quadratpixel".
MfG,
EKKi--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
-
-
-
Hi,
Also gut, dann auf ein neues.
Aber bitte nicht mit immer noch nicht mehr Informationen.
Ich versuche, Bilder in meine HTML Seite einzubinden. Das tue ich mit
<img src="beispiel.jpg">Ja, toll. Und wie soll uns das jetzt weiterhelfen?
Ein Online-Beispiel habe ich nicht zur Hand, ich bearbeite die Dateien lokal.
Ich benutze den Firefox.Dann installier dir Firebug, wenn du das nicht schon gemacht hast.
Schau dir damit an, wo die „Rahmen“ herkommen.Vermutlich sind sie einfach nur unbeabsichtigt verlinkter Whitespace, der dann durch die Default-Formatierung von Links „unterstrichen“ wird.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
-
-
-
-