webbibo更新情報

CSSで文章の改行位置を揃える（均等割付を指定する）

webbibo管理人 — Tue, 27 Oct 2009 14:01:47 +0900

改行位置を揃えて文章を綺麗に見せるテクニックです。

テキストボックスを画像の下に回り込ませない方法

webbibo管理人 — Wed, 21 Oct 2009 15:06:53 +0900

画像のサイズが変わっても、隣接するテキストボックスは画像の下に回り込まず、なおかつ、テキストボックスのサイズが画像に合わせて自動的に変わる方法です。

CSSでボックスの内容物を上下中央揃えにする方法3種。

webbibo管理人 — Thu, 15 Oct 2009 12:01:21 +0900

CSSだけでボックス内のテキスト・画像・ブロックなどを上下中央揃えにする方法です。

リストとボーダーでシンプルなサイトマップを作る

webbibo管理人 — Thu, 15 Oct 2009 01:23:33 +0900

リストとボーダーでサイトマップを作成する方法です。

プロパティでのCSSハック一覧表

webbibo管理人 — Tue, 13 Oct 2009 16:38:07 +0900

プロパティの前後に"_"（アンダースコア）や"#"などを付けることでCSSを特定のブラウザだけに適用させる技。

水平型リストで画像を並べた時の隙間を消す6つの方法

webbibo管理人 — Tue, 08 Sep 2009 00:44:47 +0900

リストタグで水平に並べた場合、li要素とli要素の間に隙間が生じます。この隙間を消す方法。6つ目のfont-sizeを使った方法を追加（09.09.08）

テーブルの行を削除・追加しても、自動的に連番になる方法

webbibo管理人 — Sat, 29 Aug 2009 17:50:37 +0900

テーブルの行を削除または追加しても、自動的に番号を振り直す方法です。CSSを使った方法とJavascriptを使った方法の2種類を用意しました。

CSS（スタイルシート）で連番・項目名などを付ける

webbibo管理人 — Fri, 28 Aug 2009 14:08:47 +0900

CSS（スタイルシート）を使って、サイトマップやQ&A、契約文書などの各項目の頭に数字やマーク、文字をつける方法

印刷時の改ページ部分を指定する方法

webbibo管理人 — Sun, 16 Aug 2009 22:27:19 +0900

ページを印刷すると自分の意図しない箇所で途切れてしまう時、page-break-beforeやpage-break-afterを使って、印刷時の改ページ部分を制御します。

CSS（スタイルシート）だけでグラデーションを表現する方法のまとめ

webbibo管理人 — Fri, 31 Jul 2009 01:35:22 +0900

CSS（スタイルシート）でグラデーションを表現する方法をブラウザ別の一覧表にしてみました。

ページの文字コードとは違う任意の文字コードをformから送信する方法

webbibo管理人 — Fri, 10 Jul 2009 13:03:09 +0900

UTF-8のページで、EUC-JPにエンコードしたデータをformから送信したい場合の処理の仕方。

floatを使わずにinline-blockで横並びにする方法

webbibo管理人 — Tue, 07 Jul 2009 09:07:27 +0900

ボックスを横並びにする場合floatを使いますが、その中で高さが違うボックスが混ぜっている場合、そこでレイアウトが崩れてしまいます。これを崩れないようにする方法を紹介します。

Firefoxのバージョン別CSSハック一覧表

webbibo管理人 — Wed, 01 Jul 2009 13:14:34 +0900

Firefox 1.5・2・3のバージョン別CSSハック一覧表です。

CSSと画像で引用（blockquote）を見栄えよく表示する

webbibo管理人 — Wed, 17 Jun 2009 20:23:17 +0900

引用を見栄えよく表示するCSSサンプルです。

画像に半透明のキャプションや著作者のクレジットをつけるCSS

webbibo管理人 — Mon, 08 Jun 2009 09:37:53 +0900

画像に半透明のキャプションや著作者のクレジットをつけるCSSです。

tableとcaptionのmarginについて

webbibo管理人 — Sat, 30 May 2009 21:30:19 +0900

tableとcaptionのmarginはブラウザ間で表示に差異があります。クロスブラウザで表示するにはどうしたらいいのか、調べました。

SEOを考慮した3カラムレイアウトのテンプレート

webbibo管理人 — Thu, 28 May 2009 00:24:09 +0900

SEO的に検索エンジンに読ませたい内容をHTMLの先頭にもっていきたいところですが、3カラムの場合、どうしても<div>タグで左カラムと中カラムを1回囲まないと中カラムのメインコンテンツを先頭にもっていくことができません。ですが、ネガティブマージンを使えばその<div>タグを使わなくても簡単に3カラムのCSSレイアウトができます。

セレクタでのCSSハック一覧表

webbibo管理人 — Mon, 18 May 2009 20:49:48 +0900

「セレクタ」の前後に"*"や"+"などを付けることでCSSを特定のブラウザだけに適用させる技。一般的に「プロパティ：値」レベルのハックよりこちらのハックが使われているケースが多い。

IE6とモダンブラウザにmin-widthを疑似的に指定する方法

webbibo管理人 — Fri, 15 May 2009 02:19:55 +0900

最小幅を指定する「min-width」をIE6にも適用させる方法です。

検索結果

webbibo管理人 — Wed, 13 May 2009 22:21:47 +0900

検索する単語を入力してください