startseitekatalogpraxiswerkzeugeressourcenmagazingrammiweb

(Stand: 23.12.24, Adresse: http://www.grammiweb.de/html/html015.shtml)

 

Grafiken Freiräume zuweisen

Um mehrere Grafiken auf einer Internetseite zu präsentieren wird meistens eine Tabelle genutzt. Einfacher und variabler geht's durch Verwendung von Freiräumen, realisiert durch den HSPACE- und den VSPACE-Tag.

Die Abstände werden dabei in Pixeln vorgegeben. Die beiden Grafiken unten wurden mit einem horizontalen Abstand von 10 Pixeln versehen.

Besonders auffällig wird dieser Effekt bei Grafiken, die in einen Textfluss eingebunden werden sollen:

So sieht es normalerweise aus, wenn eine Grafik in einen Text eingebunden wird. Der Text setzt endet beinahe am Rand des Bildes, und wenn er auch noch kursiv dargestellt werden soll, entstehen beinahe Berührungspunkte mit dem Objekt. Je nach Auflösung wird diese Störung zwar durch den Zeilenumbruch umgangen, verändern Sie aber die Größe der Anzeigefläche Ihres Browsers, werden Sie den Effekt sicherlich bemerken können.

Dieses Problem wird umgangen, wenn der Grafik ein Freiraum zugewiesen wird. Der Abstand in diesem Beispiel beträgt 15 Pixel zur Seite bzw. nach unten, so dass auch kursiver Text keine Layoutstörung mehr bedeutet. Egal, welche Auflösung oder Fenstergröße der Besucher eingestellt hat, eine Berührung von Text und Grafik ist vollkommen ausgeschlossen.

Quellcode:

Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]