Abstand, zwischen den Bildern. Einstellungen

[tobias]

Hallo...

die Bilder meiner Homepage sollen nebeneinander angezeigt werden.Zwischen den einzelnden Bildern sollte aber ein geringer Abstand vorhanden sein.Wie kann ich solch ein Abstand beim Editor einstellen?!

Viele Dank im voraus
Gruss
Tobias

[Worgan]

Mögen mich die Cracks des Forums steinigen, mit Leerzeichen (Steuerung + Blank =  ).
Falls ich falsch liegen sollte tut mir das jetzt schon furchtbar leid (aber es funktioniert )


Martin (der sich schon auf die Antworten freut)

Der Beitrag wurde von Worgan bearbeitet: 24.04.2004 - 23:13

[Terry]

Und wieder kann CSS helfen!

Gib einfach folgendes ein:

<img style="margin:10px;" src="bild.jpg">

Beim Editor selber kann man das aber nicht einstellen, soviel ich weiß. Bei mehreren Bildern kannst Du es ja oben im head so definieren:

<style type="text/css">
<!--
img
{margin:10px;}
-->
</style>

Danach einfach nur noch die Bilder hintereinander einfügen, die halten dann brav Abstand!

@ Worgan: bis vor kurzem hab ich das genauso gemacht...

Der Beitrag wurde von Terry bearbeitet: 24.04.2004 - 23:15

[Worgan]

Es geht natürlich auch mit DIV Containern und CSS. Ist evtl. der bessere Weg, hängt aber auch davon ab wieviel Du weißt. Auf jeden Fall würde es Sinn machn sich damit auseinánder zu setzen.

Martin

[Terry]

Die <div>-Container brauchst Du dafür gar nicht - einfach die style-Anweisung in den <img>-tag geben - reicht völlig!

[Conny]

Hallo,
die einfachste Möglichkeit liegt im IMG-Tag selbst!
Hier kann man mit hspace=n ein horizontaler freier Raum links und rechts vom Bild definieren. Vertikal geht das dann mit vspace=n für oben und unten...

Nachtrag: n = eine Zahl in Pixel

cu
Conny

[tobias]

Hallo,
die einfachste Möglichkeit liegt im IMG-Tag selbst!
Hier kann man mit hspace=n ein horizontaler freier Raum links und rechts vom Bild definieren. Vertikal geht das dann mit vspace=n für oben und unten...

Nachtrag: n = eine Zahl in Pixel

Habe in mein Html Code dieses hspace=n reingeschrieben... nur jetzt ist zwar ein Abstand vorhanden...dafür zeigt er aber zusätzlich noch - Binnestrich an...

Wieso das?!



Der Beitrag wurde von tobias bearbeitet: 24.04.2004 - 23:32

[Conny]

Hi,
ich gebe Dir mal ein Beispiel:

QUELLTEXT

<IMG SRC="bild1.gif" WIDTH="80" HEIGHT="70" hspace="5" BORDER="0" ALT="ein Bild"><IMG SRC="bild2.gif" WIDTH="80" HEIGHT="70" hspace="5" BORDER="0" ALT="ein Bild">

Diese zwei Bilder stehen neben einander mit einem Abstand von 10 Pixel zueinander.

Wieso 10?
Weil sowohl das eine Bild ein 'leere' von 5 Pixel neben sich hat, als auch das andere Bild eine 'leere' von 5 Pixel neben sich hat; in der Summe ist der Abstand also 10 Pixel (5 + 5 = 10)

n bedeutet Zahl! Nicht Buchstabe 'n'

cu
Conny

[Worgan]

Hallo zusammen,

ich liebe es wie schnell man hier nützliche Dinge lernen kann.
Wie lange habt Ihr eigentlich gebraucht um so gut zu werden?

Ja ja ja - meine Signatur trage ich ja nicht umsonst

Martin

Der Beitrag wurde von Worgan bearbeitet: 25.04.2004 - 9:13

[Terry]

Wenn man zu diesem Thema noch mal die "Bibel" Selfhtml befragt, erhält man folgende Information: "Den automatischen Textumfluss können Sie auch abbrechen und die Textfortsetzung unterhalb der Grafik erzwingen. Alle dazu notwendigen Attribute sind allerdings als deprecated gekennzeichnet und sollen künftig aus dem HTML-Standard entfallen. Die gleiche Wirkung lässt sich nämlich auch mit CSS Stylesheets erzielen."

Also besser mit CSS - ich hab letzte Nacht allerdings nur die Kurzvariante gepostet - korrekter und exakter wäre es, alle margin-Angaben (top, right, bottom, left) zu definieren.

Hier der direkte Link zu Selfhtml (CSS): http://selfhtml.teamone.de/html/grafiken/ausrichten.htm#css

Und nochmal zur HTML-Variante: http://selfhtml.teamone.de/html/grafiken/a...htm#textumfluss

[Google Bot]