Frank Nötz: Probleme mit style="vertical-align:middle" mit Bildern bei NN4

Hallo,

ich möchte ein keines Bild (Icon) und daneben einen kurzen Text der zentriert neben dem Bildchen platziert werden soll. Im Internet Explorer und Mozilla wird das mit

<img SRC="icon1.gif" BORDER=0 height=30 width=30 align=CENTER style="vertical-align:middle"> ein keines Bildchen
<img SRC="icon2.gif" BORDER=0 height=30 width=30 align=CENTER style="vertical-align:middle"> und noch ein keines Bildchen

dargestellt. Im Netscape werden aber alle Bildchen nacheinander und dann erst der Text dargestellt. Ohne den style-Eintrag wird der Text wie gehabt nicht zentriert dargestellt.

Wie bekomme ich das hin?

Danke schön,
Franky

  1. ich möchte ein keines Bild (Icon) und daneben einen kurzen Text der zentriert neben dem Bildchen platziert werden soll. Im Internet Explorer und Mozilla wird das mit

    <img SRC="icon1.gif" BORDER=0 height=30 width=30 align=CENTER style="vertical-align:middle"> ein keines Bildchen

    dargestellt. Im Netscape werden aber alle Bildchen nacheinander und dann erst der Text dargestellt. Ohne den style-Eintrag wird der Text wie gehabt nicht zentriert dargestellt.

    Herzlichen Glückwunsch, Du hast Fehler 896 in der CSS-Implementation von Netscape 4 entdeckt. Dein Problem bekommst Du weg, indem Du style ganz weglässt und stattdessen für align einen _existierenden_ Wert angibst. center gibt's dort nicht, middle oder absmiddle dürfte eher Deinen Ansprüchen genügen (siehe http://selfhtml.teamone.de/html/grafiken/ausrichten.htm#zum_text).

    Willst Du fortschrittlicheren Code schreiben, über den sich auch der HTML-Validator http://validator.w3.org freut, wirst Du unter Umständen nicht drum rum kommen können und CSS-Angaben in eine eigene Datei auszulagern, die von Netscape 4 nicht geladen werden kann.

    Gruß,
      soenk.e

  2. hi

    <img SRC="icon1.gif" BORDER=0 height=30 width=30 align=CENTER style="vertical-align:middle"> ein keines Bildchen
    <img SRC="icon2.gif" BORDER=0 height=30 width=30 align=CENTER style="vertical-align:middle"> und noch ein keines Bildchen

    <ohne es überprüft zu haben>

    wenn du die Bildchen mit dem dazugehörigen text in eine rahmen-
    lose Tabelle reinsetzt funktioniert es bestimmt.
    laut link:http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical\_align
    müsste es funktionieren denke ich

    gruss
    Sonia

    1. probiers mal so:

      <img src="bild.jpg" width="70" height="70" align="middle">

      1. probiers mal so:

        <img src="bild.jpg" width="70" height="70" align="middle"> text zum bild