1362636593 wordpress3.5に関して質問です。

http://dca-labo.info/demo8/
上記サイトを添付した画像のように変更したいと思っています。
必要な修正作業を教えてください。

回答の条件
  • URL必須
  • 1人5回まで
  • 13歳以上
  • 登録:2013/03/07 15:09:53
  • 終了:2013/03/08 09:43:44

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4440ベストアンサー獲得回数18242013/03/07 15:41:28

ポイント150pt

style.css に、以下を追加。

.entry-content img {
    float: left;
    padding-right: 2em;
}

.entry-content .entry-meta {
    clear: both;
}

.entry-content img の padding-right は、適当に調整してください。
画像にも、適当な class が指定されていると良いと思うのですけれど...



追記です。
見えてる画像の次に、1x1 の IMG があることに気が付きました。
そのため、最初の回答では、右に逃げた記事の一行目の行頭に、妙なスペースが空きます。
頭がそろうように改善したのが、こちらです。

.entry-content a img {
    float: left ;
}

.entry-content a img:first-child {
    padding-right: 2em ;
}

.entry-content img[width="1"] {
    padding: 0 !important;
}

.enry-content .entry-meta {
    clear: both;
}
他1件のコメントを見る
id:a-kuma3

見えてる画像の隣に、ちっちゃい IMG があるんですね。
改善したものを追記します。

2013/03/07 16:08:44
id:mkusume

実は私の質問が悪かったので現状ではまずい事が判明しました。別に再度質問をしますので宜しければそちらでご回答頂ければと思います。

2013/03/08 09:43:20
  • id:taknt
    ソースから見ると
    「かなり濃いロックアルバム。でも一筋縄ではいかない。」などの文章が <p>と</p>でくるまれているので それをはずせば ソース的には OKかと思う。
  • id:mkusume
    コメントありがとうございます。投稿画面からは<p>タグは入れていないのですが表示する際に自動で<p>タグが挿入されているもたいです。回避する方法はあるのでしょうか?

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません