Spalten und Auflistung index Seite

Hab ein Problem oder besser eine Frage bei welcher ich leider nicht weiterkomme und auf die Hilfe von Euch hoffe. Habe folgendes Problem:

Möchte auf meinem Web meaculina die Startseite wie folgt in (bild2) haben. Eine Auflistung von drei Themenbereiche. Zb: Rezepte, Gegessen bei, Gekauft. Darunter dann jeweils das Bild zum Thema aus dem Benutzerdefinierten Feld "Image". Jeweils drei Berichte zu einem Thema aufgelistet untereinander mit Bild, Titel und kurzem Text, (max. 10 Wörter)

Nun jedoch sieht meine Seite so aus (bild1). Zwar auch eine Auflistung aber nur für alle Themen und auch untereinander, aber durchmischelt.

Wer kann mir weiterhelfen und sagen wie ich drei Spalten hinbekomme, mit drei Themen, nebeneinander??? Was muss programmiert oder gemacht werden?

Zitat

ähnlich wie bei: http://www.revolutiontheme.com/demo/

Zitat

<div id="homebottom">

<div id="homebottomleft">

<img src="http://www.revolutiontheme.com/demo/wp-conten…images/hp-1.jpg" alt="Revolution Theme Demo">
<h2>Featured Section #1</h2>
<p>This is an example of some text that you can place to describe a particular product or service that you offer. Use it as a way to get your visitors interested, so they can click through and read more about it.</p>
<p><a href="http://www.revolutiontheme.com">Read more about this...</a></p>

</div>

<div id="homebottommiddle">

<img src="http://www.revolutiontheme.com/demo/wp-conten…images/hp-2.jpg" alt="Revolution Theme Demo">
<h2>Featured Section #2</h2>
<p>This is an example of some text that you can place to describe a particular product or service that you offer. Use it as a way to get your visitors interested, so they can click through and read more about it.</p>
<p><a href="http://www.revolutiontheme.com">Read more about this...</a></p>

</div>

<div id="homebottomright">

<img src="http://www.revolutiontheme.com/demo/wp-conten…images/hp-3.jpg" alt="Revolution Theme Demo">
<h2>Featured Section #3</h2>
<p>This is an example of some text that you can place to describe a particular product or service that you offer. Use it as a way to get your visitors interested, so they can click through and read more about it.</p>
<p><a href="http://www.revolutiontheme.com">Read more about this...</a></p>

</div>

</div>

Alles anzeigen

Zitat

[FONT=Courier New][COLOR=#006600]<!-- [/COLOR][COLOR=#0000cc]hier [/COLOR][COLOR=#006600]die [/COLOR][COLOR=#0000cc]Ausgabe einfuegen[/COLOR][COLOR=#006600]-->[/COLOR][/FONT]

Welche Angaben?

Werde deine Tipps heute gegen den Abend mal ausprobieren. Hoffe es klappt und ich komme endlich mal etwas weiter nach meinen Wünschen :-)

Deine Tipps klappen nicht :-( Es zeigt igendwie nichts an :-( Meine index sieht zur Zeit so aus... Aber leider bringe ich es nicht hin wie im Beispiel oben :-(

<?php get_header(); ?>
    
    <?php if(!is_paged()) { ?>


    <div id="top" class="clearfloat">
    
    <?php } ?>


    <div id="bottom" class="clearfloat">
        
    <div id="front-list">    
    
    <?php
      $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      query_posts("cat=-27,-28&paged=$page&posts_per_page=5"); ?>
    
    <?php while (have_posts()) : the_post(); ?>        


    <div class="clearfloat">
    <h3 class=cat_title><?php the_category(', '); ?> &raquo</h3>
    <div class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></div>
    <div class="meta">[<?php the_time('j M Y') ?> | <?php comments_popup_link('No Comment', 'One Comment', '% Comments');?> | <?php if(function_exists('the_views')) { the_views(); } ?>]</div>    
    
    <div class="spoiler">
    <?php    $values = get_post_custom_values("Image");
    if (isset($values[0])) { ?>
      <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
    <img src="<?php echo bloginfo('template_url'); ?>/scripts/timthumb.php?src=/<?php
$values = get_post_custom_values("Image"); echo $values[0]; ?>&w=120&h=100&zc=1&q=100"
alt="<?php the_title(); ?>" class="left" width="120px" height="100px"  /></a>
      <?php } ?>


    <?php the_excerpt(); ?>
    </div>


    </div>
        
      <?php endwhile; ?>


    <div class="navigation">
        <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } 
            else { ?>


            <div class="right"><?php next_posts_link('Next Page &raquo;') ?></div>
            <div class="left"><?php previous_posts_link('&laquo; Previous Page') ?></div>
            <?php } ?>


    </div>
    
    </div>


    </div>