Bilder direkt aneinander fügen

Bilder direkt aneinander fügen

Werden zwei Bilder in einem HTML Dokument nebeneinander verwendet, so entsteht automatisch ein kleiner Zwischenraum zwischen den beiden Bildern. Wer diesen nicht möchte, kann ihn mit einem kleinen Trick verschwinden lassen.

Der "normale" Code sieht so aus:
<img border="0" src="../images/testbild.jpg" width="200" height="50" alt=" Bilder nahtlos aneinanderfügen">
<img border="0" src="../images/testbild.jpg" width="200" height="50" alt=" Bilder nahtlos aneinanderfügen">

Um die Bilder nun ohne Zwischenraum nebeneinander zu setzen, entfernen Sie den Zeilenumbruch oder auch gar ein vorhandenes Leerzeichen zwischen den beiden <img> - Tags.

<img border="0" src="../images/testbild.jpg" width="200" height="50" alt=" Bilder nahtlos aneinanderfügen"><img border="0" src="../images/testbild.jpg" width="200" height="50" alt=" Bilder nahtlos aneinanderfügen">

Bilder nahtlos aneinanderfügen

Nützliche Tipps und Tricks rund um HTML

HTML-Tricks

Bilder direkt aneinander fügen