WordPressのheader画像下の空白で苦しむ
2012-07-22 | カテゴリ >> Word Press

wordpressでブログを作り始めたのですが、最初はもう全然何がなんだかさっぱりだった為、wordpressレッスンブックで一からテーマを作る事に。

もともとhtml、css、phpはかじってたので結構楽しんで作る事ができました。

しかし、最後の方でナビゲーションバーを設置する際にどうがんばってもヘッダーイメージの下に空白ができてしまうというアクシデントに悩まされました。

レッスンブックと違うcssの書き方をしたか? と思い、headerのdivのスタイルを見つめたり、下のnavのスタイルを見たり、あらゆる場所のmarginやpaddingを変えたりと、、

これだけで小一時間悩んだのですが、結局ぐぐりまくってると画像のスタイルのせいだった事に気づきました。
どうもhtmlの宣言や、ブラウザによっても挙動が異なるそうですが、基本的に画像ファイルはテキストのラインと高低差が生じるようです。ぐぐって調べてみると結構常識らしいっすね!(笑

なので、画像のスタイルに以下をマークアップしました。

vertical-align:bottom; で、テキストの底面に位置をフィックスします。

ちなみに、これを解決しようとああだこうだやっている間、ずっと家の前で小学生がキャーキャー騒いで野球やってたのでぐったりです。
おわり。

2012-07-22 | カテゴリ >> Word Press 

関連記事

コメント1件

 オーデマピゲコピー | 2019.06.28 13:54

ブランドコピー時計N級品,ブランドコピー激安販売通販専門店日本バッグ・財布
※ブランドコピー専門店、ロレックス、ルイ・ヴィトン、ウブロ、カルティエ
フランク・ミュラーなどの新品、商品は100%の品質保証。
※ブランドコピー専門ショップ・時計・バッグ・財布N級品販売通販!
「信用第一」「お客様第一」という信念を持ち、弊社は商品の値段を安く提供することに成功したため、
皆様を楽しくお買い物いただけるよう、心を込めて最高なブランドコピー品をご提供しております。 ご利用を心からお待ちしております。
海外ブランドコピーのブランドコピー バッグ、アクセサリー
ブランドコピー時計、貴金属の(リサイクル品)のブランドコピー販売・買取
ホームページ上でのご注文は24時間受け付けております

Comment





Comment



*