2

divを下に配置するのではなく、並べて配置するのに問題があります。私はCSSを使用するのが初めてで、正確に何をする必要があるのか​​わかりません。

ウェブページはwww.panduzee.com/wordpressです

投稿「RichardLu」は「AshleyLee」の隣にあると思われます。

コードへのリンクは次のとおりです：http：//pastebin.com/J3CNMfaP そしてCSSは次のとおりです：http：//pastebin.com/isn5NViA

申し訳ありませんが、この投稿内でコードを機能させようとしましたが、正しく表示されませんでした。

どんな助けでもいただければ幸いです！CSSはワードプレスのテーマからのもので、皆さんにお知らせします。

ありがとうございました！

4

1 に答える 1

4

jsFiddle（http://jsfiddle.net/BnJ7g/3/）

「boxes」および「boxes2」divに、float:left属性を追加します。

<div id="boxes" style="float:left;">
    <div class="box">
        <!--The post title-->
        Ashley Lee    <!--The post image-->
        <a href="http://www.panduzee.com/wordpress/2012/04/15/fashion/"><img width="210" height="312" src="http://www.panduzee.com/wordpress/wp-content/uploads/2012/04/527802_2560693355446_1797426028_1635316_739143794_n-210x312.jpg" class="attachment-homepage-thumb wp-post-image" alt="" title="" /></a>
    </div>    
</div>

<div id="boxes2" style="float:left;">
    <div class="box">
        Richard Lu    <!--The post image-->
        <a href="http://www.panduzee.com/wordpress/2012/04/24/richard-lu/"><img width="210" height="312" src="http://www.panduzee.com/wordpress/wp-content/uploads/2012/04/527802_2560693355446_1797426028_1635316_739143794_n-210x312.jpg" class="attachment-homepage-thumb wp-post-image" alt="" title="" /></a>
    </div>   
</div>

</ p>

于 2012-04-24T21:44:22.707 に答える