スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
【--/--/--】 | スポンサー広告 | page top↑
クリックしてもリンク範囲の線を表示させない方法。
<a>タグ内に

onFocus="this.blur()"

と記載する。

<<例>>
・記載前
ブログへリンク。

 ↓ ↓ ↓

・記載後
ブログへリンク。


※ただし、ユーザビリティー的にはよくない手法なので、デザイン上どうしても使いたい時のみに限定して使用する。(文字と画像をひとつのリンクでまとめた時など)
スポンサーサイト
【2008/07/17】 | Javascript/表示 | トラックバック(0) | コメント(1) | page top↑
コンテンツを中央寄せする方法(IEもその他モダンブラウザにも適用させたい)
box要素を中央寄せしたい場合(divなど)は

marginの左右をautoと指定すればよい。

ただし、IE6以下はこれが適用されないので、

text-align:center;

で対応する。


<<例>>
body{
text-align: center; /* 1.IE6以下用に指定 */
}

div #wrapper{
width: 700px;
margin: 0 auto; /* 2.その他モダンブラウザ向け指定 */
text-align: left; /* 1.を解除 */
}

【2007/11/21】 | HTML/画像 | トラックバック(0) | コメント(0) | page top↑
IE4~6だけにスタイルを適用したいとき
プロパティの先頭に_(アンダースコア)を記述するとIE4~6のみにスタイルが適用される。

(例)
h3{ _font-size:30px}

※ただし、IE7ではこのスタイルは適用されないので注意する。
【2006/09/24】 | CSS/ハック | コメント(0) | page top↑
DLリストにおいて、定義語と説明文を左右に並べて表示する方法
<dl>を使ってリストを作成すると、<dt>と<dd>は通常改行されて表示される。これを左右に並べて表示する方法。(<dt>に入る定義語が短い場合のみ有効な手法)

【通常】
DL通常


【並列に表示したとき】
DL並列

続きを読む
【2006/09/23】 | HTML/リスト | コメント(0) | page top↑
リンクが貼ってある文字の色をそれぞれに指定する。
リンクを貼る(<a>タグを使う)と、マウスオン時・マウスオフ時などの色は、ブラウザごとに決められている色やスタイルに自動的に変わる。
これを、ページ内の好きなリンクを好きなスタイルに変える方法。
続きを読む
【2006/09/18】 | CSS/リンク | コメント(0) | page top↑
フォームをくくる線を表示させる。
フォーム


このように、フォームを線でくくり、グループ化する。
続きを読む
【2006/08/13】 | HTML/表示 | コメント(0) | page top↑
文字を点滅させる。
文字を点滅させるとき、
<blink>タグがあるが、IEではサポートされていないので、Javascriptを適用させる。
続きを読む
【2006/08/12】 | Javascript/文字 | コメント(0) | page top↑
文字の種類を指定
CSSのfont-familyプロパティにて文字の種類を指定するときは、必ず一般フォントファミリを指定すること。
続きを読む
【2006/08/03】 | CSS/文字 | コメント(0) | page top↑
説明文のあるリストの作成
リストの言葉にその説明文が付く時は<dl>を使う。

続きを読む
【2006/07/30】 | HTML/リスト | コメント(0) | page top↑
ボックスモデルハック
widthを、paddingやborderと併用する時に、ブラウザによって、領域の幅が変わってしまうのを防ぐハック。
続きを読む
【2006/07/29】 | CSS/ハック | コメント(0) | page top↑
| ホーム | 次ページ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。