wordpress

WPコンテンツを横並びにしたい。

WPでサイトを制作中です。↓
http://kuulei90.com/
トップページに画面いっぱい横長のアイキャッチ画像があります。その下に2つのコンテンツがあります。
①あいさつ文(これは直接固定ページにhtmlを書いた)
②pick up news!(これはfront-page.phpに記述。ニュースページに投稿があったら、サムネイル&抜粋文を自動で表示/clubringo.comと同じ仕組み)

この2つを横並びにしようとcssでfloatしてもなりません。

どうしたら横並びになりますでしょうか?

カテゴリー: 質問と回答 | タグ: , , | 投稿日: | 投稿者:
真中のぶ

真中のぶ について

The B.B.BoogieというバンドでVocalをしています。サーフィンもします。シングルフィンのクラッシックなロングボードに乗っています。ウェブデザイナーでもあります。タカハシ先生の一番弟子ですが時々すっとこどっこいな質問をして校庭10周と言われます。「パソコン倶楽部りんご」は僕が命名しました。ジョブズさんに敬意を表して。好きなcssはmargin{0 auto;}

WPコンテンツを横並びにしたい。」への2件のフィードバック

  1. タカハシ先生タカハシ先生

    1.まず、書き出されたhtmlをバリデートしましょう。
     例えば、Firefoxでソースを表示すると、おかしな箇所が赤い文字色になりますよ。
    2.次に、自分で指定したcssが目的の要素に当たっているかfirebugでチェック。
     自分で書いたセレクターが表示されていなかったら、セレクターの間違い。
     セレクターは合っていても、指定したはずのプロパティが表示されていなければプロパティか値の間違い。
     セレクターとプロパティも合っていても、セレクターの優先順序が低いと、別の指定に上書きされます。

    返信
  2. 真中のぶ真中のぶ 投稿作成者

    解決しました!

    自分で指定したcssが目的の要素に当たってはいましたが、指定する所が違いました。
    指定したい要素の親要素に指定したら、うまくいきました。
    http://kuulei90.com/

    解決するまでphpの読み込む順番をかえてみたり、いろいろしました。
    解決してしまえば、なんて事なかったです。w

    あとは、横幅が狭くなった時に横並びをクリアーする指定をmedia Queryでやります。
    そしたら完成!

    ありがとうございます。

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA