Marc: text rechts an bildern entlang

Beitrag lesen

Hallo zusammen,

war ja nicht böse gemeint :)

ist klar, aber Du solltest entweder auf Ratschläge hören ODER eigene Wege gehen. :-)

hatte nur gerade während ich auf antworten wartete (konnte ja nicht wissen das es so schnell geht) mit tabellen versucht. Und bis auf die anordnung der bilder klappt es ja sehr gut.

Also klappt es nicht.

Auch wenn ich es sonst nciht machen: bevor Du weiter mit Tabellen arbeitest:

Das Ganze sollte in einem bestimmten Bereich der Seite stattfinden. Den begrenzt mit einem umgebenden div

<div id="content"></div>

Da kommt EIN gefloatetes-div-Element hinein. und Deine Text. Das wars.

<div id="content">
  <div id="illustrations">
    <img src="bild1.jpg" alt="illustration1" />
    <img src="bild2.jpg" alt="illustration2" />
    <img src="bild3.jpg" alt="illustration3" />
  </div>
  <h1>Meine Bastelanleitungen</h1>
  <h2>Papierflugzeug</h2>
  <p>Papierflugzeuge bastelt man am besten aus Papier.</p>
</div>

In die EXTERNE CSS-Datei schreibst Du rein:

div#illustrations {
  float:left;
  width:bildbreite+8px; /* dadurch kleben die Bilder nicht direkt am Rand */
  text-align:center;    /* damit von den 8px vier links, vier rechts sind */
}

Viele Grüße,
Marc.

--
Und immer schön
validieren (http://validator.w3c.org)