Einzelnen Beitrag anzeigen
  #5 (permalink)  
Alt 30.09.2007, 10:28
Benutzerbild von pmmueller
pmmueller pmmueller ist offline
Autor von "Little Boxes"
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Ort: Groningen (Niederlande)
Beiträge: 292
pmmueller sorgt für eine eindrucksvolle Atmosphärepmmueller sorgt für eine eindrucksvolle Atmosphäre
Standard

Das von Fricca empfohlene Float-Tutorial ist Klasse, aber auf derselben Site findest du noch eines, dass deinen Bedürfnissen noch näher kommt:

Tutorial 4
Floating an image thumbnail gallery

Die fertige Version sieht so aus:
1. HTML
Code:
<div class="thumbnail">
  <img src="images/image.gif" alt="" width="60" height="60"><br />
  Beschriftung 
</div>
<div class="thumbnail">
  <img src="images/image.gif" alt="" width="60" height="60"><br />
  Beschriftung 
</div>
und so weiter
2. CSS
Code:
div.thumbnail {
  float: left;
  width: 60px;
  border: 1px solid #999;
  margin: 0 15px 15px 0;
  padding: 5px;
}
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao«
Mit Zitat antworten