CSS Layouts: Grid and CSS LayoutsNameBright.com - Next Generation Domain Registration ironmyers.com is coming soon
スタイルシート［CSS］/テキスト・フォント/領域からはみ出た場合に「...」を表示する - TAG index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> p { width: 200px; height: 3em; border: 1px #808080 solid; overflow: auto; white-space: nowrap; } p.example1 { text-overflow: clip; } p.example2 { text-overflow: ellipsis; } </style> </head> <body> <p class="example1">領域からはみ出ている場合に省略符号を付
テーブルのヘッダを固定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
ソースコード (X)HTMLファイル ヘッダ固定に直接関係のないidやclassは省略しています。 また、データ部分についても長くなるので省略しています。 <div class="table_header_fixed"> <table cellspacing="0"> <thead> <tr> <th>順位</th> <th>タイトル</th> <th>スタジオ</th> <th class="last">興行成績</th> </tr> </thead> <tfoot> <tr> <td colspan="4" class="last">copyright</td> </tr> </tfoot> <tbody> <tr> <td>1</td> <td>パイレーツ・オブ・カリビアン/ワールド・エンド</td> <td>ディズニー</td> <td class="last">$961,002,
CSSで実現するポップアップメニュー - CSS小技集
CSSの小技として、普段は隠れているけどマウスカーソルを合わせると表示されるメニューを実現する方法です。 平成21年11月 1日に、従来版とは全く異なるCSSに変更しております。従来のヴァージョンはセンタリングが可能であるものの、使えないブラウザが多く汎用性に掛ける面がある事と、記述がいまいち廻りくどいところがあった事から、全面的に書き直し、従来のものはアーカイヴ扱いと致しました。 CSSで実現するポップアップメニューの概要。 ポップアップメニューとは、見出し部分をマウスでポイントすると、その下にメニュー本体が表示されるようになっているメニューの事です。 結構多くのサイトで見掛けるものですが、多くの場合、これらはJavaScriptで実現しております。 ですが、今日のCSSの仕様に従ったブラウザであれば、CSSだけでも充分実用的なものを作る事は可能です。 今回はそれに挑戦してみましょう。
[CSS]ネガティブマージンの理解を深め、活用するテクニック集
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://air-life.info/weblog/2009/10/522/