Abstand Gewinnen!

von: Werner Zenk

Ein Problem auf Webseiten ist immer der Abstand von einem Objekt zum anderen. Es gibt viele Möglichkeiten wie Sie diesen Abstand beeinflussen können.

1. Abstand auf der Seite vom Browserrand:

<body style="margin-left: 10px; margin-right: 10px;
margin-top: 15px; margin-bottom: 25px">

2. Abstand mit einer Tabelle:

Dieser Text dient nur zur.....

3. Abstand zwischen zwei Objekten mit einem Bild:

Eine durchsichtiges Gif-Bild (Spacer-GIF, Größe 1x1 Pixel)
und variabler Größenangabe:

Dieser Text... <img src="spacer.gif" width=100 height=1>Seine Funktion...
Beispiel: Dieser Text...

Seine Funktion...

Das Beispiel lässt sich auch in einer Tabelle anwenden.

Spacer-GIF*

*Seit der Erstellung dieser Seite sind schon einige Jahre vergangen. Mittlerweile benutzt
man kein "Spacer-GIF" mehr sondern macht den Abstand über CSS.

4. Abstand zwischen zwei Objekten mit Html:

<img src="bild.gif" hspace=35>	<img src="bild.gif" vspace=10>

	<br>	<br><br>	<p>	<p> </p>

5. Abstand vom linken Tabellenrand:

<ul> Text </ul>
Dieser Text dient nur zur Demonstration.

<div style="margin-left: 80px"> Text <div>
Dieser Text dient nur zur Demonstration.

Alternativ dazu der Abstand vom rechten Tabellenrand:

<div style="margin-right: 150px"> Text <div>
Dieser Text dient nur zur Demonstration.

6. Abstand zwischen zwei Objekten mit Text:

Objekt1 <font face="Arial" size=2 color=#FFFFFF>OOOOOOOOOOOO</font> Objekt2
Objekt1OOOOOOOOOOOOObjekt2

7. Abstand zwischen zwei Objekten mit CSS:

<span style="display: inline-block; width: 305px;">Objekt1</span> Objekt2
Objekt1 Objekt2

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!