|
|||
Boxen-Layout-Problem
Hi!
Hab folgendes vor: Ne Galerie, die 1. verschiedene Galerien mit einem Vorschaubild anzeigt und wenn man auf ein Bild klickt erscheinen die Vorschaubilder der gewählten Galerie und wenn man dann auf ein Vorschaubild klickt, erscheint das Bild in groß... Die einzelnen Galerien sollen wie folgt angeordnet sein: 3 Zeilen, 3 Spalten Bei höheren Auflösungen könnten es auch 3 Zeilen, 4 Spalten sein... Die Bildvorschugröße hab ich mit 160px angegeben. Die Bilder werden aus einer DB mit einer for-Schleife eingelesen. Hier der Code der verschiedenen Boxen: #contentgalerie { position: absolute; right: 50px; left: 175px; height: 100%; text-align: center; } #galerie { float: left; width: 160px; height: 142px; padding: 5px; margin: 0 25px 25px 0; background-color: #b4cadc; } In der oberen befinden sich die einzelnen Vorschauen und in den unteren Boxen die einzelnen Bilder... Das Problem ist nun erstens, dass ich die einzelnen Vorschaubilder nicht mittig in der #contentgalerie-Box ausgerichtet kriege. Dann ist es so, dass in höheren Auflösungen mir 4 Vorschaubilder in einer Zeile angezeigt werden. Das wär ja nicht schlimm. Aber wie begrenze ich die Anzahl der angezeigten Vorschauen auf nur 3 Zeilen?! Es sind ja bei niedrigen Auflösungen 3x3 und bei größeren 3x4 Vorschauen. Es müsste also ne Begrenzung auf 3 ZEILEN, unabhängig von Spalten geben! Wie mache ich das?! Grüße Thomas |
Sponsored Links |
|
|||
hast du das mal als onlinebeispiel?
positionieren der bilder würd ich dann mit margin machen.. mit dazugehörigem css und html könnte man dir besser helfen.. |
|
|||
http://www.luje-kassel.de/galerietest
Das sollte funktionieren... Den Quelltext könnt ihr ja selbst schauen und die css auch ziehen... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Vertikales Layout - Floats - 2 Boxen nebeneinander | grischa_sgd | CSS | 4 | 25.09.2007 15:55 |
layout problem IE6 Opera | omex | CSS | 0 | 15.08.2007 23:34 |
Problem im IE, Boxen zu breit | nevermind | CSS | 26 | 03.08.2007 20:39 |
Div Boxen problem ... | Palorux | CSS | 5 | 08.08.2005 21:18 |
Flexibles 3-Spalten Head-Foot Layout Problem | crucho | CSS | 4 | 26.08.2004 22:27 |