brauche Code um Text neben Bild schreiben zu können

[mary.m]

hallo alle zusammen,

ich bin grad ein fotoalbum auf meiner page am anlegen und sollte irgendwie auch text neben dem bild, am besten in der mitte, schreiben können. ich arbeite mit html und wäre sehr froh um eure tipps!
könnt ihr mir einen code sagen?

vielen dank im voraus!;Jump

 

[Maxi]

Schau mal da:
SELFHTML: HTML/XHTML / Grafiken / Grafiken ausrichten

 

[Icy]

<img src="URL" align="right" />

Für rechts; Bei links musst du natürlich das "right" durch "left" ersetzen.

MfG Icy

 

[littleHtml Freak]

Tabelle

Da hilft oft eine unsichtbare Tabelle:

<table  border="0" cellpadding="0" cellspacing="0">
<tr>
<td>dein Bild</td>
<td>der text</td>
</tr>
</table>

für border=1 machst du einen rand mit 1pxl
cellpadding ist der abstand zwischen den zellen
und cellspacing der abstand des textes zum zellen rand
Um den code einugeben empfehle ich einen rand zu vergeben (ist übersichtlicher)
später kannst du ihn dann einfach wieder löschen.
das tr tag macht zeile und jedes td tag macht eine spalte in einer Zeile
Du brauchst in jedem tr tag gleich viele td tags

 

[threadi]

Eine Tabelle wäre für sowas unangebracht da diese nur zur Strukturierung von Informationen dienen - ein Bild ist keine solche Information.

Einfacher geht es mit CSS:

<img src="bild.gif" alt="" style="float: left;width: 200px;height: 200px;margin: 0px 6px 6px 0px;" /><p>Der Text daneben.</p>

 

[mary.m]

danke! hat geklappt!

vielen dank, so ungefähr dachte ich mir das, habs nur nicht in der richtigen reihenfolge hingekriegt

jetzt nochmal ne frage... wenn ich z.b. fotos untereinander anlege, wie mach ich dann abstände zwischen den fotos? also so dass nicht gleich ein foto am anderen kommt, sondern mind. eine zeile leer bleibt dazwischen?

danke :-)

 

[Maxi]

Mit einer einfachen zeilenschaltung

<br />

 

[threadi]

Bissel exakter gehts mit CSS (wiedermal):

<img src="bild.gif" alt="" style="margin: 0px 6px 6px 0px;" />

Das erzeugt einen Abstand von 6 Pixeln nach unten und links.