zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Boxen-Layout-Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.04.2005, 13:36
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
  #2 (permalink)  
Alt 17.04.2005, 13:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.04.2005
Beiträge: 3
ThomasJ befindet sich auf einem aufstrebenden Ast
Standard

Ach, noch was....

Die Lösung sollte ohne js auskommen und im FF und IE vernünftig funktionieren...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.04.2005, 15:37
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.032
Swoop befindet sich auf einem aufstrebenden Ast
Standard

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..
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #4 (permalink)  
Alt 17.04.2005, 19:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.04.2005
Beiträge: 3
ThomasJ befindet sich auf einem aufstrebenden Ast
Standard

http://www.luje-kassel.de/galerietest

Das sollte funktionieren...
Den Quelltext könnt ihr ja selbst schauen und die css auch ziehen...
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:13 Uhr.