Galerie mit float

[Detlef G.]

Hallo Gunnar

Die li kannst du jetzt display:inline stezen und die img in ihnen ausrichten.

Das würde funktionieren, wenn die Bilder keine Beschriftung bekommen sollten.
(s. https://forum.selfhtml.org/?t=108034&m=671879)

Sonst dürfte sich dies so erreichen lassen (ungetestet):

  
   <ul>  
      <li><span><img src="image.gif" width="100" height="110" /><span>Beschreibung</li>  
      <li><span><img src="image.gif" width="100" height="51" /><span>Beschreibung</li>  
      <li><span><img src="image.gif" width="100" height="100" /><span>Beschreibung</li>  
      <li><span><img src="image.gif" width="100" height="100" /><span>Beschreibung</li>  
   </ul>  

  
ul {  
  list-style:none;  
  margin:0;padding:0;  
}  
li {  
  float:left;  
  text-align:center;  
}  
li span {  
  display:block;  
  padding-top:100px;  
}  
img {  
  margin-top:-100%;  
}  
/* für den IE */  
* html span {  
  padding:0;  
  font-size:100px;  
}  
* html img {  
  vertical-align:  
  bottom;margin:0;  
}  

Auf Wiederlesen
Detlef