Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 17.04.2005, 13:36
ThomasJ ThomasJ ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.04.2005
Beiträge: 3
ThomasJ befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links