padding und Hintergrundfarbe bei den Thumbnails haut nicht hin

[Starlight]

Hmm, da fällt mir kein besserer Threadtitel ein... ^^

Hallo erstmal.

Ja, also ich möchte gerne folgendes: Um meine Thumbnails herum soll in 4px Abstand ein Rand sein. Ausgefüllt hätte ich den entstehenden Abstand dann gern mit einer Farbe. Aber es klappt nicht so ganz und ich hänge mich daran auf, woran das liegen könnte. Die Farbe ist dann zum Teil nämlich auch Über dem Thumbnail, wo sie ja aber gar nicht hingehört. Es liegt wohl an dem padding, oder? Wie löse ich das denn eleganter?

Meine Galerie
http://starlights-graphics.de/gallery/index.php

Und wenn ihr mal schauen wollt, hier sieht man ganz gut, was ich meine...
http://starlights-graphics.de/gallery/index.php?cat=20

Die betreffende Stelle in der CSS sieht so aus:

Code Select Expand

.image {
background: #bc9c82;
border: 1px solid #896556;
padding: 4px;}

Danke fürs Anschauen!

[Icehawk]

Das Problem ist, dass über dem eigentlichen Thumbnail noch einmal ein Spacer-Bild eingebaut ist.
Dieses hat bei dir auch die Klasse "image". Durch die inline-styles werden aber einige deiner Eigenschaften entfernt, aber nicht alle.
Schau mal in der deiner theme.php ob du da das Spacerbild mit den inline-Styles findest

Code Select Expand

<img src="images/spacer.gif" width="{THUMB_CELL_WIDTH}" height="1" style="margin-top: 0px; margin-bottom: 0px; border: none;" alt="" />
und füge

Code Select Expand

background:none repeat scroll 0 0 transparent;
hinzu, oder entferne die Klasse beim Spacer-Bild.

[Icehawk]

Nachtrag:

Am besten fügst du noch

Code Select Expand

padding: 0;
mit hinzu, wenn du die Klasse nicht entfernst.

[Starlight]

Danke für deine Antwort.
Also wenn ich das mache, was du sagst, passiert leider gar nichts.

Was meinst du aber mit Klasse entfernen? Bei mir ist beim spacer gar keine Klasse angegeben.

edit: Haa, jetzt wo ich wusste, dass es am spacer liegt, war es ganz leicht. Warum komm ich nie selbst auf sowas?
Hab es durch diesen Thread hinbekommen. http://forum.coppermine-gallery.net/index.php/topic,57640.0.html

Danke trotzdem nochmal.

[Starlight]

edit: huch sorry... ^^

[Joachim Müller]

Am besten fügst du noch

Code Select Expand

padding: 0;
mit hinzu, wenn du die Klasse nicht entfernst.

Das ist definitiv ungültig. Du musst immer eine Einheit angeben. Was Du meinst wäre

Code Select Expand

padding:0px;

[Icehawk]

Falsch!

[Klugscheißmodus an]
Wenn ein Wert 0 (null) ist, muss danach keine Einheit folgen. Null ist null, egal ob Pixel oder Kilometer, und die Angaben 0px und 0 sind in CSS identisch.
[/Klugscheipmodus aus]