Hvordan centrer jeg mine billeder i en tabel?

når du nu bruger tabeller, så må du også bruge de muligheder, der følger med
<td class=" wp_compare_tables-tbody-first-td">
rettes til
<td align="center" valign="middle">
og ret billeder til, så de har samme højde for at få et pænere layout.

Indholdet i tabelcellen ER centreret, men denne CSS venstrestiller
- fordi den er "tættere på" billederne (mere specifikt rettet imod dem)

.review_post img
    {
    border:medium none;
    display:block;
    float:left;
    margin-right:7px;
    padding:9px;
    }

Enten fjern den (eller blot float-linjen) eller, hvis det skaber problemer anderswo, kan du filøje en CSS som er endnu "tættere på" disse billeder:

.wp_compare_tables > img
    {
    float:none;
    }

NB: Den behøver ikke at ligge i samme stylesheet.

Hej Claes.

Hvor finder jeg denne kildelinje? Er der inde under selve pluginet? Jeg har kigget i style.css, men der finder jeg den ikke.

Mvh. Janus

Hej Tom.

Jeg prøvede din løsning, men det brød den sig ikke om. Alt blev skævvredet i tabellen.

Mvh. Janus

din tabel ligger i dette område - hvor kildekoden reelt ligger i wp ved jeg ikke. Jeg har sat billede-feltet i fed.
    <div id="content_area"><!--content_area-->
                             
        <div class="review_post_title">
            <h2>test</h2>

        </div>
        <div class="review_post"><!--review_post-->                               
            <table class="wp_compare_tables wp_compare_tables-table-id-2" cellspacing="0"><thead><tr><th class="wp_compare_tables-thead-th-nr-1 wp_compare_tables-thead-first-th">Selskab</th><th class="wp_compare_tables-thead-th-nr-2">Udbetaling</th><th class="wp_compare_tables-thead-th-nr-3">Pr. måned</th><th class="wp_compare_tables-thead-th-nr-4">Min. pris</th><th class="wp_compare_tables-thead-th-nr-5 wp_compare_tables-thead-last-th">Læs Mere</th></tr></thead><tbody><tr class="wp_compare_tables-tbody-tr-odd wp_compare_tables-tbody-first-tr"><td class=" wp_compare_tables-tbody-first-td"><img class="wp_compare_tables_table-image" src="http://www.xandroid.dk/wp-content/uploads/2011/07/3logo3.png" alt="Image"></td><td class=""><span class="wp_compare_tables_table-text">49,00</span></td><td class=""><span class="wp_compare_tables_table-text">339,00</span></td><td class=""><span class="wp_compare_tables_table-text">4.538,50</span></td><td class=" wp_compare_tables-tbody-last-td"><a class="wp_compare_tables_table-button" href="http://" >Læs Mere</a></td></tr><tr class="wp_compare_tables-tbody-tr-even wp_compare_tables-tbody-last-tr"><td class=" wp_compare_tables-tbody-first-td"><img class="wp_compare_tables_table-image" src="http://www.xandroid.dk/wp-content/uploads/2011/07/Call-me1.gif" alt="Image"></td><td class=""><span class="wp_compare_tables_table-text">99,00</span></td><td class=""><span class="wp_compare_tables_table-text">778,00</span></td><td class=""><span class="wp_compare_tables_table-text">5.987,00</span></td><td class=" wp_compare_tables-tbody-last-td"><a class="wp_compare_tables_table-button" href="http://" >Læs Mere</a></td></tr></tbody></table>

                           
        </div><!--/review_post-->
            </div><!--/content_area-->

Hej igen.

Jeg kan godt finde det inde i kildekoden, når jeg åbner den inde på siden, men problemet er at jeg ikke kan finde filkoden inde i wp og jeg ved ikke hvordan man ellers gør.

Jeg vil gerne give dig på point, som tak for hjælpen, så hvis du opretter et svar ryger de din vej.

Mvh. janus

jeg ville så tage en tekst-editor, og sætte den til at søge mappen med php-filer igennem efter noget, der ligger fast
<!--review_post-->   
og så må tabellen ligge lige derefter - der skal så rettes i php-koden, så bare kom med et indlæg igen hvis du finder det.

Hov der skulle ikke have været en ">" i CSS fixet

.wp_compare_tables img
    {
    float:none;
    }

Dét bør virke
- Faktisk burde der ikke være sket nogetsomhelst, før (med >'en) ..?

Nå, nu ser jeg (ude i virkeligheden) at du fandt, og fjernede float:left'en i style.css alligevel.
- det er også bedre (mindre "kludder")

Men de er stadig #¤%! venstrestillede : (
- ret samme sted (style.css linje 776):

display:block;

til

display:inline-block;

Så vil den rette sig efter tabel-cellens text-align:center

Det virkede sgu...:-)

Et lettelsens suk og en kæmpe hovedpine er pist forsvundet, Tak T0M!

Du får selvfølgelig en stak point, men jeg har også lovet Claes nogle point. Så jeg accepterer Claes´ svar og opretter så et nyt spørgsmål med overskriften Point til T0M, som du så kan lave et svar til, så får du 100 point. Det har været til stor hjælp for mig!

Mvh. Janus

ref http://www.eksperten.dk/spm/942750