Bilder in Galerie Übersicht mit Rahmen und Abstand

Hi Leute,

ich bin mit der Vorschau in der Galerie Übersicht nicht ganz zufrieden und würde gerne folgenden umsetzen:

• Einen schwarzen Rahmen von 1px um die Vorschaubilder
• 1 px Abstand zwischen den Bildern

Da ich nicht so der CSS Pro bin, habe ich mit etwas probieren einen Teilerfolg erzielt:

.galleryAlbumList ul.galleryAlbumCoverImages>li img {margin: 1px;}
.galleryAlbumList ul.galleryAlbumCoverImages>li img {border: 1px solid black;}

Das Problem ist, daß das große Vorschaubild jetzt nur links und rechts einen Rahmen hat und daß die Vorschaubilder rechts immer noch zusammenkleben und unten keinen Rahmen haben.

Kann mir jemand helfen diesbezüglich? Ich kriege das nicht gebacken, daß das gescheit aussieht.

Danke im voraus

Nico

Quote from IronEagle

Code

// Galeriebilderrahmen
.galleryImageContainer > .galleryImage img {border: 2px solid #019DA9;}
.galleryImageGrid > .imageGridColumn > li > a > img {border: 2px solid #019DA9;}
.galleryImageGrid > .imageGridMain > a > span {border: 2px solid #019DA9;}
.galleryImageList > li > a > img {border: 2px solid #019DA9;}

019DA9 gegen deinen farbcode tauschen

Danke für deinen Vorschlag, aber den Code führt zu genau gar nichts.

Gruß

Nico

Danke euch soweit mal.

Der Tom aus dem CLS-Design Forum hat den passenden Code geliefert. Das Ergebnis, optimal!