WPでサイトを制作中です。↓
http://kuulei90.com/
トップページに画面いっぱい横長のアイキャッチ画像があります。その下に2つのコンテンツがあります。
①あいさつ文(これは直接固定ページにhtmlを書いた)
②pick up news!(これはfront-page.phpに記述。ニュースページに投稿があったら、サムネイル&抜粋文を自動で表示/clubringo.comと同じ仕組み)
この2つを横並びにしようとcssでfloatしてもなりません。
どうしたら横並びになりますでしょうか?
1.まず、書き出されたhtmlをバリデートしましょう。
例えば、Firefoxでソースを表示すると、おかしな箇所が赤い文字色になりますよ。
2.次に、自分で指定したcssが目的の要素に当たっているかfirebugでチェック。
自分で書いたセレクターが表示されていなかったら、セレクターの間違い。
セレクターは合っていても、指定したはずのプロパティが表示されていなければプロパティか値の間違い。
セレクターとプロパティも合っていても、セレクターの優先順序が低いと、別の指定に上書きされます。
解決しました!
自分で指定したcssが目的の要素に当たってはいましたが、指定する所が違いました。
指定したい要素の親要素に指定したら、うまくいきました。
http://kuulei90.com/
解決するまでphpの読み込む順番をかえてみたり、いろいろしました。
解決してしまえば、なんて事なかったです。w
あとは、横幅が狭くなった時に横並びをクリアーする指定をmedia Queryでやります。
そしたら完成!
ありがとうございます。