Bilder nahtlos aneinander fügen

  • Mehrere Bilder sollen nahtlos, also ohne störende Zwischenräume, nebeneinander oder untereinander angeordnet werden. Normalerweise spielen Leerzeichen und Zeilenumbrüche zwischen Tags im HTML-Quelltext keine Rolle, denn der Browser ignoriert diese bzw. fasst mehrere Leerzeichen zu einem zusammen. Bei der Darstellung von Bildern gibt es jedoch eine Ausnahme. Die Ergebnisse der Darstellung hängen tatsächlich von der Schreibweise des Quellcodes ab. <img border="0" src="../images/anmelden.jpg" width="90" height="15" alt="Demo - Bilder nahtlos aneinanderfügen"> <img border="0" src="../images/anmelden.jpg" width="90" height="15" alt="Demo - Bilder nahtlos aneinanderfügen"> Beachten Sie, dass die beiden <img> - Tags durch eine Leerzeile voneinander getrennt sind. Und so wird des gemacht: Entfernen Sie den Zeilenumbruch oder auch gar ein vorhandenes Leerzeichen zwischen den beiden <img> - Tags. Kopieren Sie den Quellcode in Ihre Seite und nehmen Sie bitte die entsprechenden Änderungen vor (Austausch der Bilddateien). <img border="0" src="../images/anmelden.jpg" width="90" height="15" alt="Demo - Bilder nahtlos aneinanderfügen"><img border="0" src="../images/anmelden.jpg" width="90" height="15" alt="Demo - Bilder nahtlos aneinanderfügen">