Problem(e) mit CSS Bildergalerie

[Detlef G.]

Hallo Daniel

Erstens werden nur zwei Bilder nebeneinander dargestellt und nicht drei.

Dann wird wohl der Platz nicht ganz reichen, um 3 Bilder nebeneinander
darzustellen.

Als nächstes wird das Hintergrundbild nicht bis über die ganze Höhe dargestellt.

Dadurch, dass die Bilder gefloatet sind, werden sie aus dem Elementfluss
genommen. Du müsstest innerhalb von #summerGallery nach den Bildern ein
clearendes Element einfügen. (clear (Fortsetzung bei Textumfluss))

Weiters sollten dir drei Bilder auch zentriert dargestellt werden.

  
ul.gallery {  
  margin: 0 auto; /* standardkonforme horizontale Zentrierung */  
  padding: 0;  
  border: 1px dashed black;  
}  

Das dürfte nichts nützen. Wo soll der margin gelassen werden, wenn .gallery
die gesamte Breite ausfüllt.

Wenn die Bilder keine Beschriftung bekommen, düfte es am einfachsten so
gehen:

  
ul.gallery {  
  padding: 0;  
  border: 1px dashed black;  
  text-align:center;  
}  
ul.gallery li {  
  list-style: none;  
  display:inline;  
}  
ul.gallery img {  
  margin: 5px;  
  padding: 0;  
  border: 1px dashed black;  
}  

Auf Wiederlesen
Detlef