thorefiedermann
Grünschnabel
Hallo!
Folgendes Problem:
Ich möchte auf einer Bildergalerieseite meine Thumbs mit einem Rahmen umgeben. Dieser Rahmen soll immer die gleiche Größe haben (110*110 Pixel).
Ich habe das ganze mit einem <div>-Element realisiert in dem jedes Bild steckt. Nun habe ich das Problem, dass ich das Bild nicht zentriert darstellen kann. Horizontale Ausrichtung habe ich mit text-align: center; hinbekommen. Nur die vertikale Ausrichtung bekomme ich nicht hin.
Problem bei meiner Fotogalerie ist, dass ich sowohl quer- als auch hochformatige Bilder habe (d. h. die Bilder haben von oben nicht immer den gleichen Abstand zum Rahmen und padding ist nicht möglich). Deshalb auch das div-Element, damit die Bilder immer den gleichen Platz einnehmen.
Hier der Code:
html-Datei:
<div class="photoGalleryBorder"><a href="pics/001.jpg" title=" " rel="lightbox[photoGallery]"><img class="photoGalleryImage" src="thumbs/001.jpg" alt="Bild fehlt" /></a></div>
css-Datei:
.photoGalleryBorder {
width: 110px;
height: 110px;
border: 1px solid;
float: left;
text-align:center;
margin: 10px;
}
MfG
Thore
Folgendes Problem:
Ich möchte auf einer Bildergalerieseite meine Thumbs mit einem Rahmen umgeben. Dieser Rahmen soll immer die gleiche Größe haben (110*110 Pixel).
Ich habe das ganze mit einem <div>-Element realisiert in dem jedes Bild steckt. Nun habe ich das Problem, dass ich das Bild nicht zentriert darstellen kann. Horizontale Ausrichtung habe ich mit text-align: center; hinbekommen. Nur die vertikale Ausrichtung bekomme ich nicht hin.
Problem bei meiner Fotogalerie ist, dass ich sowohl quer- als auch hochformatige Bilder habe (d. h. die Bilder haben von oben nicht immer den gleichen Abstand zum Rahmen und padding ist nicht möglich). Deshalb auch das div-Element, damit die Bilder immer den gleichen Platz einnehmen.
Hier der Code:
html-Datei:
<div class="photoGalleryBorder"><a href="pics/001.jpg" title=" " rel="lightbox[photoGallery]"><img class="photoGalleryImage" src="thumbs/001.jpg" alt="Bild fehlt" /></a></div>
css-Datei:
.photoGalleryBorder {
width: 110px;
height: 110px;
border: 1px solid;
float: left;
text-align:center;
margin: 10px;
}
MfG
Thore