企画マーケティング部:CSS

ボックスのサイズ指定と見た目の違いに注意する

スタイルシートでボックスの余白やラインの指定で、見た目の大きさの違いを比べてみました。まず、余白には「padding（内側）」「margin（外側）」の２種類があります。 1.　

| CSS | トラックバック (0)

レイアウト左寄せ、右寄せの解除

CSS で大きなボックスの中に横並びにボックスをレイアウトする場合、「float: left」「float:right」を使います。特にサイトのトップページのような複雑なレイアウト

| CSS | トラックバック (0)

<div></div>の迷路にはまらないためには

ページの構造が複雑になればなるほど<div></div>が何重にも重なり、ひとたびレイアウトが崩れた際にはソースチェクも大変になりますね。</div&

| CSS | トラックバック (0)

スタイルシートの疑似クラスの記述順

スタイルシートのリンクに関する疑似クラスでは記述する順番が重要です。正 a:link a:visited a:active a:hover 誤 a:link a:hover a:

| CSS | トラックバック (0)

テキスト原稿を効率的にHTMLに起こす方法

７月１５日に開催された「The Day of Web Standards ［Web標準の日］」セミナで大変興味深くかつすぐに実践できるものがありましたので紹介します。原稿のテキ

| CSS

Windows IE の設定文字サイズとピクセルサイズの関係

Webページはアクセシビリティを考慮するならば、テキストのフォントサイズを相対値で指定する事を推奨しています。しかしフォントの大きさでずいぶんレイアウトや雰囲気が変わってしまうので

| CSS

CSSで簡単メニューバーを作る

HTMLはそのままで、CSSで楽しいメニューバーを作ってみました。 ●追加　a:link { display: block; width: 200px } 　幅200pxのブロ

| CSS | トラックバック (0)

[ float:left ][ clear:both ] と親となるボックスとの関係

ボックスの回り込みを解除する　[ clear:both ] ですが、親となるボックスに指定したスタイルにも大きく関係しています。四方枠線が濃い茶、背景色がベージュのボックスを用意

| CSS | トラックバック (0)

<AREA>タグにJavaScriptを記述する場合の注意

<AREA>タグとは・・・ひとつの画像に複数のリンクを設定する際に、イメージマップ内のリンクの領域を設定するタグ AREAタグは、JavaScriptを記述する事が

| CSS | トラックバック (0)

絶対値でボックスの位置指定をするコツ

左寄せのレイアウトの場合、ボックスの位置を絶対値にする事で自由度の高いレイアウトが簡単に出来ます。ボックス「1」（相対値）の中に「2」「3」「4」を配置するとします。絶対値で位置

| CSS | トラックバック (0)

CSS

2007.06.22

ボックスのサイズ指定と見た目の違いに注意する

2007.04.18

レイアウト左寄せ、右寄せの解除

2006.12.01

<div></div>の迷路にはまらないためには

2006.09.29

スタイルシートの疑似クラスの記述順

2006.07.21

テキスト原稿を効率的にHTMLに起こす方法

2006.05.26

Windows IE の設定文字サイズとピクセルサイズの関係

2006.03.10

CSSで簡単メニューバーを作る

2005.11.18

[ float:left ][ clear:both ] と親となるボックスとの関係

2005.08.25

<AREA>タグにJavaScriptを記述する場合の注意

2005.08.18

絶対値でボックスの位置指定をするコツ