サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
shigexworks.sakura.ne.jp
li要素を横並びにする場合、float:leftを使うことが多いけど、どうしてもdisplay:inlineを使いたい場合があります。でも、display:inlineを使うと要素の間に余白ができてしまう!(これはバグではなく、仕様のようです。) この余白を無くす対処方法です。 基本HTML&CSS <ul> <li><a href="menu1">li要素(1)</a></li> <li><a href="menu2">li要素(2)</a></li> <li><a href="menu3">li要素(3)</a></li> <li><a href="menu4">li要素(4)</a></li> </ul> li { display: inline; list-style-type: none; margin: 0; padding: 0; } HTMLの改行を無くす li要素ごとの改
li要素を使い縦ナビゲーションを作るときに、a要素にdisplay:blockを指定することが多いのですが、IE6ではdisplay:blockを指定したa要素の下に余白ができてしまいます。 a要素だけではなく、li要素内のインライン要素にdisplay:blockを指定した場合に起こる現象で、IE6のバグです。このバグの対処方法です。 IE6 Firefox 基本HTML&CSS <ul> <li><a href="menu1">li要素(1)</a></li> <li><a href="menu2">li要素(2)</a></li> <li><a href="menu3">li要素(3)</a></li> <li><a href="menu4">li要素(4)</a></li> </ul> li a { display: block; } display:blockを指定した要素にzo
このページを最初にブックマークしてみませんか?
『shigexworks.sakura.ne.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く