Thomas J.S.: img innerhalb von li vertikal zentrieren

Beitrag lesen

Hallo,

Da für <img> keine valign gibt, unterstützt der IE das auch nicht.
Offenbar unterstützt Opera und Safari vertical-align ebenfalls nur bei Tabellen.

kann ich nicht bestätigen wenn ich sonst bilder im fliesstext habe (kleine grafiken z.b. pdf icons o.ä.) und denen vertical-align:middle; zuweise unterstützen das alle Browser (alle= bei mir ie, ff, opera, Safari).

Du hast recht.
Es liegt an width und height für <li>
ich habe das jetzt so gemacht:
ul.kundenlogos li {
   display:block;
   float: left;
   /*width:7em;*/
   /*height: 7em;*/
   text-align: center;
   margin: 0 10px 16px 0;
   border: #ccc 1px solid;
   font-size:7em;
   line-height:1em;
  }

<li>
  &#160;<a href="#"><img src="mbg.gif" width="15" height="15" alt="" border="0"></a>&#160;
 </li>

&#160; = &nbsp;

Damit kommt in den Browser eine annährend ähnliche Darstellung zustande.

Grüße
Thomas