• 投稿一覧ページを設けて、画像と日付、冒頭文をセットにして横並びにしようとしました。
    以下のようにbook.php テンプレートを作って CSS で横並びにしようとしたのですが、なぜか
    縦並びになります。CSSはちゃんとリンクしています。間違っているところないように
    思います。何が問題なのかわかりません。

    book.php
    <div id=”content” >

    <?php query_posts(‘post_type=blog&posts_per_page=10’); ?>
    <?php if(have_posts()): while(have_posts()):
    the_post(); ?><?php get_template_part(‘content’,’excerpt’); ?>

    <?php endwhile; endif; ?>
    </div>

    content-excerpt.php

    <ul class=”ul_blog”>

    • <table><tr><td rowspan=”3″>“>
      <?php the_post_thumbnail(‘small_thumbnail’); ?>

      </td><td>
      <?php echo get_the_date(); ?>
      </td></tr>
      <tr><td>
      “><?php the_title(); ?>
      </td></tr>
      <tr><td>
      <p class=”postcat”>
      <?php the_category(‘ ‘); ?>
      <?php echo get_the_term_list($post->ID, ‘blogcat’,”,’ ‘); ?>
      </p>
      </td></tr>
      <tr><td colspan=”2″>
      <p class=”more”>“><?php the_excerpt(); ?>
      </p>
      </td></tr>
      </table>
    • style.css

      /* ブログ */
      .ul_blog {
      float: left !important;
      list-style: none;
      margin-left: 5px;
      margin-right: 5px;
      width: 350px;
      }
      .ul_blog li {
      float: left !important;
      list-style: none;
      padding: 5px;
      overflow: hidden;
      }

      WordPress 3.8.16

  • トピック「投稿一覧を横並びにできない」には新たに返信することはできません。