スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

画像のメニューをリストタグで作ると、隙間が開く

画像を使ったメニューなどをリストタグ(ul,li)で作ると、ピッタリくっついて欲しいのに、上下に隙間が開くことがあります。
画像を直接imgタグで貼っている場合、画像の高さに対して1行の高さが高すぎる場合があります。
liタグに対して font-sizeで文字サイズを1pxにし、同時にline-heightを100%や1pxなどにすれば、解消されます。

画像をCSSのbackgroundで置いている場合は、IEのみで隙間が開いたり、隙間が変動したりすることがあります。
この場合、liに対してdisplay:inlineを適用します。
スポンサーサイト

テーマ : web制作
ジャンル : コンピュータ

コメントの投稿

非公開コメント

感想

たすかりました。
ありがとうございますm(_ _)m

こんにちは

お役に立てて何よりですm(_ _)m

ケータイはこちら

QRコード

FC2カウンター

検索フォーム

最新記事
カテゴリー
リンク
RSSフィード
プロフィール

鎌田 翔己(SK)

Author:鎌田 翔己(SK)
岡山のウェブデザイナー/アーキテクト/コンポーザーです。
トップレベルのHTML/XHTMLコーディングや、PHP、Flashなどの業務に携わっています。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。