nicht angemeldet
Absatz zwischen zwei Grafiken
Wenn ich zwei rote Grafiken auf schwarzem Hintergrund nebeneinander setze, sind zwischen den beiden Images immernoch wenige Pixel Platz und man sieht den schwarzen Hintergrund durch.
Ich möchte aber, dass die beiden Grafiken fliessend ineinander übergehen.
Ich habe bis jetzt in self-html noch keine Lösung für das Problem gefunden.
Das gleich gilt übrigens, wenn ich zwei Grafiken übereinander wähle. Selbst mit css bei margin:0cm berühren sich die Images nicht.
Wie kann ich dieses Problem lösen? Für Lösungsvorschläge wäre ich sehr dankbar.
Quelltext:
<html>
<head>
<title></title>
<style type="text/css">
div { margin: 2.5cm; }
</style>
</head>
<body bgcolor="#000000" text="#FFFF00">
<div>
<p align="center">
<img src="Grafik1.jpg" width="200" height="300" alt="">
<img src="Grafik2.jpg" width="200" height="300" alt="">
</p>
</div>
</body>
</html>
-
Hidiho!
Schreib doch mal statt <p align="center"></p> nur <center></center>.
Dann sollte es gehen.Grüss Dich.
-
Hallo.
Schreib doch mal statt <p align="center"></p> nur <center></center>.
Diese Lösung stinkt.
MfG, at-
Danke für die Lösungsvorschläge. Leider hat nichts so richtig funktioniert. Dadurch, dass ich die images in eine Zeile geschrieben habe wurde der Whtitespace zwar kleiner, ist aber immernoch vorhanden. Muß wohl noch weiter nach einer Lösung suchen.
-
Hallo.
Muß wohl noch weiter nach einer Lösung suchen.
Validiere doch zunächst deinen Code, damit Fehler und Erfolge überhaupt verifiziert werden können.
MfG, at -
Hi,
das kann nicht sein. Dann stimmt was anderes nicht, evtl. hat die Grafik selbst noch einen kleinen Rand/Rahmen... formatiere die img-tags mal so:
<img style="margin:0;padding:0;border:0" ...>
Damit sollte dann definitiv kein Platz mehr zwischen den Bildern sein...
MfG
Danny
-
-
-
-
Hi,
Wenn ich zwei rote Grafiken auf schwarzem Hintergrund nebeneinander setze, sind zwischen den beiden Images immernoch wenige Pixel Platz und man sieht den schwarzen Hintergrund durch.
<img src="Grafik1.jpg" width="200" height="300" alt="">
<img src="Grafik2.jpg" width="200" height="300" alt="">Du willst keine Anzeige von Whitespace (tab, newline, blank, ...) zwischen den Bildern, also setze keinen Whitespace zwischen die Bilder.
cu,
Andreas--
MudGuard? Siehe http://www.Mud-Guard.de/
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da. -
Quelltext:
<html>
<head>
<title></title>
<style type="text/css">
div { margin: 2.5cm; }
</style>
</head>
<body bgcolor="#000000" text="#FFFF00">
<div align="center">
<img src="Grafik1.jpg" width="200" height="300" alt=""><img src="Grafik2.jpg" width="200" height="300" alt="">
</div>
</body>
</html>Das wichtiste ist, das die Bilder im Quelltext in einer Zeile stehen, dann sollte es gehen.
Tschüss landschaf
-
Hallo Judith,
viele Browser setzen auch Zeilenumbrüche als sichtbaren Whitespace um. Wenn Du die beiden img-Tags direkt nacheinander in eine Zeile stellst, ist der Abstand weg...
Hier eine moderne Version (mehr CSS) Deines Code-Beispiels, wobei hier das div eingespart wurde.
<html>
<head>
<title></title>
<style type="text/css">
body { background-color: #000000; color: #fffff0 }
img-wrap1 { margin: 2.5em; text-align: center; }
</style>
</head>
<body>
<p class="img-wrap1">
<img src="Grafik1.jpg" width="200" height="300" alt=""><img src="Grafik2.jpg" width="200" height="300" alt="">
</p>
</body>
</html>freundlichen Gruß
Danny--
Selfcode: fo:) br:& n4:& ie:% mo:) va:| de:] zu:) fl:| ss:) ls:& ls:& js:|
Motto: OpenSource - Das Wissen der Menschheit gehört der Welt!-
Sorry, zu schnell abgeschickt. CSS Korrektur: .img-wrap1 statt img-wrap1 ;)
freundlichen Gruß
Danny--
Selfcode: fo:) br:& n4:& ie:% mo:) va:| de:] zu:) fl:| ss:) ls:& ls:& js:|
Motto: OpenSource - Das Wissen der Menschheit gehört der Welt! -
Moin!
viele Browser setzen auch Zeilenumbrüche als sichtbaren Whitespace um.
Viele? Alle! Und das müssen sie auch.
Leerzeilen, Leerzeichen, Tabulatoren etc. gelten als "white-space", und jeder Browser setzt beliebig viele aufeinanderfolgende dieser Zeichen um in ein einziges Leerzeichen und zeigt es dann auch an.
- Sven Rautenberg
-
Hi,
danke Dir für den Hinweis! Beim Leerzeichen selbst ist mir die Sache klar aber ehrlich gesagt leuchtet es mir nicht ein, warum es auch bei Zeilenwechseln in diesem Fall so ist...
Was hat es für einen Sinn, überhaupt irgendwelchen Whitespace zu rendern, wenn es sich ausschließlich um Whitespace, d.h. keinen wirklichen Text handelt?
Wäre es nicht sinnvoller, wenn der Parser annehmen würde, dass wenn zwei Tags nach Zeilenwechsel aufeinander folgen und außer Whitespace (weitere Zeilenwechsel, Leerzeichen, Tabs) keine Zeichen, bzw. Text dazwischen steht, dann eben auch nichts dazwischen gerendert wird ??? Wenn man den Platz dazwischen wirklich sichtbar haben will, kann man doch auch reinschreiben oder padding setzen...MfG
Danny-
Moin!
Was hat es für einen Sinn, überhaupt irgendwelchen Whitespace zu rendern, wenn es sich ausschließlich um Whitespace, d.h. keinen wirklichen Text handelt?
Würde man das nicht tun, hätte man keine Chance, Leerzeichen einzugeben.
Wäre es nicht sinnvoller, wenn der Parser annehmen würde, dass wenn zwei Tags nach Zeilenwechsel aufeinander folgen und außer Whitespace (weitere Zeilenwechsel, Leerzeichen, Tabs) keine Zeichen, bzw. Text dazwischen steht, dann eben auch nichts dazwischen gerendert wird ???
Wie willst du in so einem Fall z.B. zwischen zwei Bilder ein Leerzeichen einbauen, an dem der Browser dennoch umbrechen kann?
Wenn man den Platz dazwischen wirklich sichtbar haben will, kann man doch auch reinschreiben oder padding setzen...
Padding und sind keine äquivalenten Lösungen. Wer kein Whitespace zwischen zwei Bildern haben will, muß einfach kein Whitespace dazuwischen machen - und fertig.
- Sven Rautenberg
-
-
Hi,
Leerzeilen, Leerzeichen, Tabulatoren etc. gelten als "white-space", und jeder Browser setzt beliebig viele aufeinanderfolgende dieser Zeichen um in ein einziges Leerzeichen und zeigt es dann auch an.
Kleine Ergänzung:
vorausgesetzt, es ist nicht white-space:pre oder ähnliches aktiv (<pre>, <textarea> usw.).
cu,
Andreas--
MudGuard? Siehe http://www.Mud-Guard.de/
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-