Rahmen um Bilder und Bilder zentrieren

Zitat

Bisher (siehe Screenshot) war es auch so, dass automatisch etwas Abstand unter jedem Bild war. Auch alles automatisch.

in die 'alte' css datei gucken, und rausfinden, wie das da definiert war.

oder in die style.css von dem default theme schauen - da ist ein ganzer absatz ueber bilder ausrichtung.

ganz allgemein:

img { margin-top: 10px; margin-bottom: 10px; }
img.aligncenter {display:block; margin-left:auto; margin-right:auto; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right:10px; }

zahlenwerte anpassen.

und natuerlich das bild beim einfuegen mit der ausrichtung 'mitte' oder 'zentriert' angeben.

vielleicht haben die bilder nicht die class .bordered - das kann mann vom foto nicht sehen - dann einfach diesen style einbauen:

img [FONT=Courier New][COLOR=#007700]{[/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]background[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]color[/COLOR][COLOR=#007700]: [/COLOR][/FONT][FONT=Courier New][COLOR=#ff8000]#FFF;[/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]border[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]1px solid [/COLOR][/FONT][FONT=Courier New][COLOR=#ff8000]#DDD;[/COLOR][/FONT]
[FONT=Courier New][COLOR=#0000bb]padding[/COLOR][COLOR=#007700]: [/COLOR][COLOR=#0000bb]3px[/COLOR][/FONT][COLOR=#007700][FONT=Courier New];[/FONT][/COLOR]
[FONT=Courier New][COLOR=#007700]}[/COLOR][/FONT]

weitere hilfe nur am lebenden objekt - mit link

also, wenn ich den ganzen kram:

img {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
} 
img { margin-top: 10px; margin-bottom: 10px; }
img.aligncenter {display:block; margin-left:auto; margin-right:auto; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right:10px; }

am ende von style.css des themes einfuege, dann machen die bilder das wie geplant - mittig ausgerichtet mit rand.
(im firefox mit dem web developer add-on)

die waren noch nicht im style.css drin - hattest du vielleicht nie reingepackt oder wieder rausgenommen.

oftmals musst du den browser 'reloaden', oder mit CTRL und F5 gleichzeitig gedrueckt den browsercache leeren, um css aenderungen sichtbar zu machen.

also, die styles in die style.css vom theme einfuegen (am ende oder wo auch immer)

diese zeile am ende der style.css einfuegen;

img#lightboxImage {margin:0;padding:0;border:none;}

da die bilder styles sehr allgemein waren, hatten sie sich auf alles, einschliesslich der lightbox, ausgewirkt.

die neue zeile hebt alle 'extras' der bilder wieder auf - und alles sieht wieder gut aus (jedenfalls hier bei mir iim firefox) :mrgreen:



ps:
--das ist eigentlich meine bevorzugte loesung--
es geht auch alternativ, die bilderstyles auf die posts zu beschraenken (mit dem zusatz '.post' vor 'img' bei den styles mit border, margin, und padding) (das wuerde zB. die bilderstyles dann auch in der sidebar unwirksam machen - da sind ja manchmal werbebilder drin die keine rahmen haben sollen):

.post img {
background-color: #FFF;
border: 1px solid #DDD;
padding: 3px;
} 
.post img { margin-top: 10px; margin-bottom: 10px; }
img.aligncenter {display:block; margin-left:auto; margin-right:auto; }
img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right:10px; }

mit css kannst du sehr gezielte styles angeben, in deinem fall wie hier:

#post-396 img {border:none;padding:0px;}

die nummer ist die post-ID.

Ist zwar schon etwas älter, aber der Beitrag hat gerade mein ähnlich gelagertes Problem gelöst. Nun ist mein gewünschtes Bild zentriert, so wie ich es haben wollte.

Danke dafür :)