Category Archives: CSS

[CSS] dtとddをfloatで横並びをすると、dlの背景が消えてしまうバグの回避方法

タイトル通りなのですが、このバグ相変わらずのIE対策。
ずっと、うまく表示できなかったので、別のタグに切り替えて切り抜けていたんですけど、なんかわざわざ作りなおすのも面倒くさい・・・と思い直し、調べるとえらく簡単でした。 [...]

Also posted in Coding | Tagged , , | Leave a comment

[CSS] タイトルの並び、右寄せでテキストなどを配置する方法

テキストだけじゃなくて、たとえばRSSのIconだとか、Newマークだとか、
タイトルの右寄せで何か表示させたいときはありませんか?最近そういうオーダーが増えてるんですよね~
で、よくつかっている方法をご紹介します。
完 [...]

Also posted in Coding | Tagged , | Leave a comment

[CSS] cssだけでImage Galleryを作る

なんだかいまさらな感じですが、相変わらずのIE6で惑わされたので、また使えるように覚書です。
HTML側はこんな感じ

<ul id="gallery"& [...]

Also posted in Coding | Tagged , , | Leave a comment

[CSS] floatで一列にしたリスト等を中央配置にする方法

floatかけて一列に並べると、それを枠の中央に置きたい時って時々ありますよね?(ブログのページをめくるときのナビゲーションとか)
そんなときは、最近私的にはやりの ”position” と ”ネガティブマージン” です [...]

Also posted in Coding | Tagged , , | Leave a comment

[Cording] Divなどで囲ったボックス内すべてをリンク先として指定したい! CSSバージョン

以前 [Cording] Divなどで囲ったボックス内すべてをリンク先として指定したい!
という記事を書いたのですが、Javascriptを使用することと、IEが未対応なことで仕事では使いにくいテクニックだったんですが、 [...]

Also posted in Coding | Tagged , , | Leave a comment

[Cording] Cssだけでディスプレイの真ん中に表示するTips

上下左右ど真ん中の表示。
何度かチャレンジしていて、なんかどんどん難しく考えてしまっていたのですが、
かなりスマートに作れるTipsを紹介してくれていたので、さっそく使ってしまいました。
作者さまありがとうございます。
[...]

Also posted in Coding | Tagged , , , , , | Leave a comment

[CSS] リスト「li」を使ったデザインTIPS

コーディング時、よく使う「li」タグ。
CSSの組み方によってはかなり使いどころがたくさんのタグですよね?
いままで私が使ったTipsをこの際まとめたいと思います。
1.目次のような表現
以下のようにHTML内でリストを [...]

Also posted in Coding | Tagged , , , | Leave a comment