画像のように3の倍数の時だけ何かスタイルを適用したい場合 CSS3 の nth-child() 疑似クラスを使えば簡単に解決することができます。 HTML 1 2 3 4 5 6 7 8 9 10 11 <ul&g

タブを作ろうと思いましたが検索しても CSS のみで実現しているサンプルが見つからなかったので、自作してここに置いておきます。Web 上を探してみると意外に CSS のみで作ったタブが少なそうなイメージがありました。 H

IE6 だけで CSS が効かなくなったことはありませんか。 CSS の中でマルチバイト文字なのかな、日本語などを書いてしまうと、IE6 で CSS が一部読み込まれなくなることがあります。 その際はの解決方法は2種類あ

今更の話なんですが、なんとなくまとめてみることにします。 たぶん CSS 初心者の方は float の解除をするのに困ることがあると思います。 clear: both; で解除できると思うと見せかけて、実はそれじゃあダメ

以下のように記述すると IE6 でだけ無駄な改行が発生します。いつもながら独自の世界を駆け抜ける IE シリーズには楽しませていただいております。 1 2 3 4 <ul> <li><spa

ただ普通にテーブルを使うと、影のついた変な線が出てくると思います。 これをそのまま使うのはあまり良くないので、table に cellspacing=”1″ して背景色を枠線に見せるのも良いんです

IE では border で 1px の点線を引くと、スクロールしたりしたときに線と線がくっついて見栄えが悪くなってしまうことがあります。私は Firefox では問題なく表示されるし、たまにしか表示されないので気にして

HTML では空白をいくつ入力しても一つとしてカウントされますが、以下の記号を使えば強制的に空白を作ることが可能です。今回の記事は All about を参考にさせていただきました。 1 2 3 4 ブラウザで確認すると

先日 option 要素内で改行してほしいという修正依頼が来ました。 残念ながら option 要素内で改行することはできません。 最近モバイルサイトの修正をしていたりしますが、文字化けが全く解消されません。 どうしてい

ul 要素、ol 要素、l i要素では list-style-type を設定することができますが、dl 要素など定義型リストなどには list-style-type を設定することができません。しかし display