Seite 1 von 2

[css] text um bild fließen lassen

Verfasst: 26.03.2005 12:53
von Jack9027
hi,
ich lasse text rechts um ein bild fließen. das klappt auch perfekt.

Code: Alles auswählen

.auftrittsbilder_bild {
    float:left;
}
<img src="img/aufrittsbilder/1.jpg" alt="Cilli und Ida" width="450" height="470" class="auftrittsbilder_bild" /> mir passt nix
wie schaff ich es, dass der text mittig dargestellt wird? vertical-align klappt schon mal nicht und wenn ich ich vertical-align zu .auftrittsbilder_bild dazuschreib wird nur der text mittig dargestellt der vor dem ersten zeilenumbruch kommt.

Verfasst: 26.03.2005 13:03
von D@ve
Schaffe zufällig auch damit und habs gerade mal getestet und funzt einfach mit einem center-Tag bzw. einem endsprechendem div-Container mit align=center:

Code: Alles auswählen

<table>
    <tr>
        <td><img src="../images/article_thumbnail/{TITLE_IMAGE_PATH}" width="80" height="80" style="float:left;" /><center>{INFO_TEXT}</center><br /></td>
    </tr>
</table>
Gruß, Dave

Verfasst: 26.03.2005 13:23
von Jack9027
sorry ich hab vergessen zu sagen, dass ich des mit xhtml strict mache und ohne tabellen, aber trotzdem danke für die hilfe

Verfasst: 26.03.2005 16:13
von D@ve
Jack9027 hat geschrieben:sorry ich hab vergessen zu sagen, dass ich des mit xhtml strict mache und ohne tabellen, aber trotzdem danke für die hilfe
wie gesagt, das geht auch mit einem <div... war jetzt einfach mein Quellcode 1:1 kopiert...

Gruß, Dave

Verfasst: 26.03.2005 16:29
von Jack9027
ne tuts nicht weil <center> in xhtml strict nichtmehr erlaubt ist und vertical-align nicht geht

Verfasst: 26.03.2005 16:48
von Leuchte
Hast du es mal mit text-align: probiert?

Verfasst: 26.03.2005 17:11
von Jack9027
ich glaub ich hab mich die ganze zeit falsch ausgedrückt
|bild| text (da ist er)
|bild| text (da soll er sein)
|bild|

Verfasst: 26.03.2005 17:25
von Pyramide
Das geht dann AFAIK mit <img valign="middle">

Verfasst: 26.03.2005 18:10
von Jack9027
geht auch nicht :(

Verfasst: 26.03.2005 18:46
von Clone
Ich glaub, dasselbe Problem hatte ich auch mal. Wenn man das float rausnimmt funktioniert vertical-align, aber mit komischerweise nicht. Lösen konnte ich das Problem damals auch nicht.