[CSS] 画像置換を使わないマウスオーバーテクニック position指定編

navi

○○編・・・
とか言うほどのものでもないですが、自分の覚書を兼ねての投稿です。
まずは通常とマウスオーバーを一緒に切り出します。

そんでもって、1つ1つのボタンのサイズを測っておきます。
で、以下のソースです。
HTM [...]

Comments (0)

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

Coding

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

Comments (0)

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

Coding

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

Comments (0)

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

Coding

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

Comments (0)

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

Coding

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

Comments (0)

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

redline

ボックス内すべてのリンクって、わりかし要望あると思いませんか?
でも普通のやりかたじゃぁダメなんですよねぇ~
CSSとHTMLタグでがんばってコーディングしちゃうと、できたとしてもマークアップ的にはNGになってしまう。。 [...]

Comments (1)

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

Coding

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

Comments (0)

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

Coding

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

Comments (0)

Page 1 of 11