Bildunterschriften haben eine 10px Extra Margin, und es ist nicht CSS?

Mögliche Duplikate:
Beschriftung in der Seite, die unerwünschte Breite 10px hinzufügt

Dies ist eine Bildschirmaufnahme von einem Beitrag. Ich habe .wp-caption einen schwarzen Hintergrund gegeben, damit der zusätzliche 10px Rand auf der rechten Seite gesehen werden kann. Der 10-Pixel-Rand oben ist sinnvoll. Ich weiß nicht, was den 10px Rand auf der rechten Seite verursacht und es gibt nichts, was ich in meinem Code finden könnte, um es zu erstellen … Ich habe sogar alles in meinem CSS eliminiert, um diesen Rand zu entfernen, aber trotzdem Überreste.

Eine Lösung besteht darin, die Bildbreite auf 100% zu setzen, aber dies fügt meiner zugewiesenen Bildgröße in meinen Posts 10 Pixel hinzu und führt daher dazu, dass das Bild horizontal um 10 Pixel verzerrt wird. Dieses Problem tritt nur bei Beschriftungen auf, nicht bei allgemeinen Bildern.

Sie können das Problem hier sehen: http://themeforew.de/demo2/sample-elements/

http://imageshack.us/photo/my-images/217/prob1c.jpg/

/*//////////////////////////////////////////////////////////////////// // 30. Images ////////////////////////////////////////////////////////////////////*/ img { border:0; overflow:hidden; z-index:5!important } #post_content img, p img { height:auto; z-index:5!important; max-width:650px; margin-top:9px!important } #content img { display:block; clear:both; max-width:100%!important } /* Images - Aligning */ .aligncenter { clear:both; display:block; margin:0 auto 10px } .alignleft { display:block; float:left; margin:0 25px 10px 0 } .alignright { display:block; float:right; margin:0 0 10px 25px } /*//////////////////////////////////////////////////////////////////// // 31. Image captions ////////////////////////////////////////////////////////////////////*/ .wp-caption img { border:none; height:auto; background:#F5F5F5; max-width:650px!important } .wp-caption p.wp-caption-text { font-size:85%; padding:0!important; margin:2px 0 5px!important; line-height:175%!important; font-style:italic; text-align:left } .wp-caption { background:#000 } /* Image Captions */ .alignleft.wp-caption { margin:0 25px 10px 0 } .alignright.wp-caption { margin:9px 0 10px 25px } .aligncenter.wp-caption { } 

Solutions Collecting From Web of "Bildunterschriften haben eine 10px Extra Margin, und es ist nicht CSS?"

Fancybox (oder ein anderes javascript / jQuery-Element) legt die Breite des Bildes in Ihrem Markup fest. Wenn Sie Firebug betrachten, sehen Sie die div-Elementbreite als 471px, was 10px breiter als Ihre Bildbreite ist.

Veränderung

.alignleft.wp-caption { margin: 0 25px 10px 0; }

zu

.alignleft.wp-caption { margin: 0 25px 10px 0; width: 461px !important; }

Hier ist die Antwort in functions.php

 function wpse14305_img_caption( $empty_string, $attributes, $content ){ extract(shortcode_atts(array( 'id' => '', 'align' => 'alignnone', 'width' => '', 'caption' => '' ), $attributes)); if ( empty($caption) ) return $content; if ( $id ) $id = 'id="' . esc_attr($id) . '" '; return '
' . do_shortcode( $content ) . '

' . $caption . '

'; } add_filter( 'img_caption_shortcode', 'wpse14305_img_caption', 10, 3 );