hoi
das hier is der beispiel-source:
HTML
<div class="FRight thuWrap">
<div class="thumb">
<div>
<img src="3704529.jpg" alt="" />
</div>
</div>
<div class="thumb">
<div>
<img src="4194631.jpg" alt="" />
</div>
</div>
</div>
Alles anzeigen
CSS:
Code
.thuWrap .thumb
{
width:49px;
height:49px;
border:1px solid lime;
float:left;
text-align:center;
margin-right:12px;
margin-bottom:12px;
}
die bilder haben verschiedene abmessungen und man weiß vorher nicht, welches bild geladen wird, die thumb-divs sollen eine feste größe haben und die images innerhalb der thumb-divs sollen horizontal wie auch vertikal zentriert werden.
es geht nur mit html und css nichts serverseitiges und kein javascript.
ich hab schon zig "tutorials" durch, aber keins fruchtet dabei..
hat von euch noch jemand ne ahnung?
edit: und kommt mir bitte nicht mit display:table und sowas.. des muss in ALLEN browsern richtig laufen... (okie6 isnich soo wichtig)