Bilder gehen nicht zentriert?

[johnxy]

Hey,

ich benutze Wordpress und kriege es in meinen neuen Theme einfach nicht hin, dass Bilder zentriert angezeigt werden.


So sieht es im Quelltext bei der aufgerufenen Seite aus (damit klappt das in jeden anderen Theme, muss also an der formatierung im neuen Theme liegen):

<p><img alt="" src="[URL="http://www.html.de/view-source:http://static.twitterfeed.com/images/branding.jpg"]http://url.jpg[/URL]" title="Twitterfeed" class="aligncenter" width="301" height="92" /></p>

So sieht es in der Single.php Datei aus:

[FONT=Arial]

<!-- BEGIN COL LEFT -->[/FONT] [FONT=Arial]
                <div id="colLeft">
                
                <?php if (have_posts()) : while (have_posts()) : the_post(); ?>    
                    <div class="postItem">
                        
                        <div class="categs"><?php the_category(' ') ?></div>
                        <div class="meta">
                            <div><?php the_time('M j, Y') ?></div>
                            <div class="icoAuthor"><?php the_author_link(); ?></div>
                            <div class="icoComments"><?php comments_popup_link('Keine Kommentare', '1 Kommentar', '% Kommentare'); ?></div>
                        </div>
                        <h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>
                        
                        <?php the_content(__('Continue reading &raquo;')); ?> 
                    </div>
                     <?php comments_template(); ?>
                    
                <?php endwhile; ?>
                
                <?php else : ?>
                
                <p>Keine Treffer</p>
                
                <?php endif; ?>
                

[/FONT] [FONT=Arial]                 </div>
                <!-- END COL LEFT -->
<?php get_sidebar(); ?>    
<?php get_footer(); ?>[/FONT]

Egal was ich probiere, die Bilder sind immer an der linken Seite. Das sind die img Stellen in der style.css:

[FONT=Arial].postItem img { 
[/FONT][FONT=Arial]border: solid #ddd 1px; background-color: #fff; padding: 5px;[/FONT]
[FONT=Arial] }

.postItem a img {[/FONT] [FONT=Arial]
     border: solid #ddd 1px; background-color: #fff; padding: 5px;
}

.postItem .meta img {[/FONT] [FONT=Arial]
    vertical-align:middle;
}[/FONT]

Woran kann das liegen?

Irgendeine Idee? :(

 

[Cheffchen]

Ideen ohne ende :O)
Zeig ein Link dann können wir das ohne problemme klären, so ist das nicht schön.
Die frage wäre dann auch soll das imme zentriert sein oder nur das eine?

Cheffchen

 

[threadi]

Die Klasse "aligncenter" steht zwar im HTML-Code, taucht aber nicht im CSS auf. Wenn Du darüber das Bild zentrieren willst, ginge es per

img.aligncenter {
 display: block;
 margin: 0 auto;
}

Wenn Du das Bild innerhalb des Absatzes zentrieren willst, ginge es über den Absatz selbst.

p.zentriereinhalt {
 text-align: center;
}

p.zentriereinhalt img {
 display: inline;
}

Woran dein Versuch scheitert, ist wirklich anhand deines gezeigten Codes wirklich nicht zu erkennen.

 

[johnxy]

Das gibt es doch nicht, schon wieder hilft mir threadi weiter )

Funktioniert, top!