REDLINE MAGAZINE | cssでポップアップネタ

メニューをスキップして本文へ

最近のエントリ

カテゴリー別アーカイブ

すべてのエントリを見る

cssでポップアップネタ

この記事には後日追記の補足記事があります。実際のソースやサンプルもこの記事内のものよりまともになってますので、こちらの補足記事をご覧下さい。

リンクなどに補足を加えたい時、aタグにtitleを指定してツールチップを表示させたりするケースもあるが、もう少し分かりやすいポップアップでユーザー配慮をしようという試み。

元ネタはこちらのサイト。
CSS examples - centred page
こちらのページではテキストリンクへ情報を付加するパターン、写真ギャラリーでも応用できるよーというサンプルの紹介がされている。

つーことでもう少し仕事で使えそうな感じへ応用してみる。
>>Redline Magezine：：CSSでポップアップネタ

2007年01月19日 15:38 | Red | パーマリンク

<< あまり知らないかもしれないclearの話 | CSSで敢えてイメージマップ >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/82

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強

└ Red - 2010.01.08
└ hogepage - 2010.01.21
└ Red - 2010.01.22
└ - 2011.11.27
└ houseiii - 2011.11.27

Fireworks トリミング画像を一括書出 CS4編

└ Iper - 2009.06.27
└ Red - 2009.06.27
└ mala - 2011.11.17
└ Red - 2011.11.18

jQueryでボックスを上下左右中央に簡単配置

└ ミラクル - 2009.03.15
└ Red - 2009.03.15
└ entZ - 2011.10.22
└ Red - 2011.10.24

overflow を使用したボックス背景のこと

└ - 2007.12.13
└ Red - 2007.12.13
└ - 2007.12.13
└ Red - 2007.12.13
└ ｈｊ - 2011.09.23

IE6 → 透過PNG+overflow=混ぜるな危険（追記有）

└ えど - 2008.12.10
└ Red - 2008.12.10
└ Dancing Cloud - 2008.12.19
└ Red - 2008.12.20
└ ake_nyanko - 2011.06.17

よく検索されている記事

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログにコメント頂くか、連絡用のフォームもありますので、そちらからご連絡ください。