stefan: Ehm... beidseitiger Textumfluss um Bilder!

Beitrag lesen

Hallo,

Nene, ich will ja das Bild mittem im Text drin haben, und der Text soll an beiden Seite vorbeifliessen.

Meinst Du dass jetzt so?

Hallo ich bin ein Text. In der
Mitte von mir     _________  liegt
eine Graphik,    |         | daher
weiss ich nicht  |    B    | ob man
mich auchnoch    |    I    | gut
lesen kann. Ich  |    L    | glaube
eher nicht. Wenn |    D    | ich
zweispaltig wäre |         | und die
Graphik in der   |_________| Mitte der
beiden Spalten läge, gings vielleicht
besser.

Das geht IMHO nicht.

Ich glaube auch nicht, dass es besonders leserlich wäre. Eine zweispaltige Lösung würde besser funktionieren. Wäre auch mit CSS realisierbar, allerdings nur, wenn Du das Bild in zwei Hälften unterteilst, diese jeweils mit float:left und float:right in einen Absatz einbindest und die beiden Absätze dann als Spalten absolut (oder vielleicht auch mit float?) nebeneinander positionierst. Ich hab mal ein bisschen experimentiert, habe aber keine Lösung gefunden, bei der die beiden halb-Graphiken im Quelltext direkt nebeneinander liegen, die Seite also auch ohne CSS Sinn machen würde.

Mein (umständlicher) Vorschlag:

Binde die beiden halb-Graphiken mittels background-image in zwei <span>s ein, versehe diese <span>s mit display:block, float:left bzw. right und der richtigen Höhe und Breite. Dann werden die Bilder bei nicht CSS-fähigen Browsern garnicht angezeigt. Zusätzlich kannst Du (falls das Bild nicht nur dekorativ sondern auch inhaltlich wichtig ist) nochmal die Graphik als <img> an der semantisch richtigen Stelle einbinden und mittels display:none für CSS-fähige Browser verschwinden lassen. Ist natürlcih ein bisschen umständlich und bedarf vielen Ausprobierens in verschiedenen Browsern, aber ne bessere Lösung weiss ich nicht (ausser vielleicht mit Tabellen).

Viel Erfolg + schö
stefan