Hallo!
Für mein neuestes Projekt, eine online Fotogallerie, müsste ich die Fotos auf einer Seite anordnen. Leider hab ich soetwas noch nie gemacht und wollte fragen wie das am besten funktioniert.Das Design hat eine feste Breite (1100px).
Lg, Maximilian
hi,
wie genau willst du die Bilder denn anordnen? Viele anklickbare kleine Bilder neben- und untereinander, oder doch eher große Bilder untereinander?
Und arbeitest du mit einem speziellen CMS, oder müsstest du die html-Seiten "per Hand" erstellen?
lg
Es sollen mittelgroße Bilder (334 Pixel breit) nebeneinander und untereinander angeordnet werden. Jetzt erstmal per Hand, das System dazu schreib ich gerade (Es geht momentan wirklich nur um die Positionierung). Im Moment versuche ich es gerade mit einer Tabelle, aber die mit CSS zu formatieren ist ziemlich schwer (jedenfalls wenn es auch nach was ausschauen soll 
)
Mfg Maximilian
Es geht ohne eine Tabelle viel eleganter. Steck jedes Bild in ein div mit float:left, wenn du eine neue Zeile beginnen willst (und das nicht schon so geschieht), setze ein <span class="clear:both"></span>. In das div kannst du auch gleich noch zusätzliche Informationen reinpacken.
grüssse
g.
Füttere niemals die Hand, die dich beißt!
Es geht noch einfacher als float:left; Weis dem umschließenden DIV display: inline-block; als Eigenschaft zu. Damit verbindest du Eigenschaften der Inline- und Block-Element emiteinander. Die Bilder werden nebeneinander angezeigt, quasi wie Wörter in einem Fließtext, der Zeilenumbruch ist auch drin. Macht auf jeden Fall Spaß damit zu experimentieren und ist imho leichter verständlich als float. Da passieren nämlich manchmal Dingen, die man nicht will.
@Noisy: Stimmt, inline-block ist hier besser. Allerdings dürfte float:left von mehr Browsern unterstützt werden (v. a. ältere Modelle kennen inline-block noch nicht). Aber float:left bringt auch oft unabsehbare Probleme mit sich...
Füttere niemals die Hand, die dich beißt!
Vielen Dank hab es geschafft!
