Home > HTML/css
HTML/css
[css]リンクの下線を表示しない
- 2007-10-22 (月)
- HTML/css
スタイルシートでリンクの下線を表示しない記述指定
a {
border-bottom-style: none ! important ;
}
javascriptで新規ウインドウを横幅固定で開く時の注意
- 2007-10-22 (月)
- HTML/css
＜Ａ＞タグに対し、（javascriptを使用して）URLを新規ウインドウを横幅固定で開く指定をする時には、javascriptがoffの端末でもリンクが開くように、下記のように通常のリンクも指定するのを忘れずに。
（return falseがミソ）
サンプル
<a href="リンク先.htm" mce_href="リンク先.htm" onClick="window.open(リンク先.htm','subwin','width=800,scrollbars=yes,menubar=1,resizable=yes'); return false;"> 文字･画像</a>
cssのfloatで上下左右分割レイアウト
- 2007-10-22 (月)
- HTML/css
tableデザインを改め、スタイルシートのfloat属性で段組をする際の注意事項。
○ADP:floatレイアウトでつまづかないためのTips
http://adp.daa.jp/archives/000250.html
マウスカーソルが乗ったとき、divの背景色とカーソルを変える方法
- 2007-10-22 (月)
- HTML/css
以下の条件を満たすHTMLのソースです。
・divのエリア内にマウスカーソルが乗ったとき、背景色とマウスカーソルを変える。
・エリア内がクリックされたときは、リンク先へ飛ぶ
○サンプル
<html>
<body>
<!– 背景色とマウスカーソルを制御 –>
<div style=”background:#99ff00;width:200;height:100;”
onmouseover=”this.style.background=’#ffcccc’;
this.style.cursor=’pointer’”
onmouseup=”location=’http://www.trojanbear.net/’”
onmouseout=”this.style.background=’#99ff00′;”
>
<!– javascriptが無効のときのため、テキストリンクも指定 –>
<a href=”http://www.trojanbear.net/“>リンク先へ</a><BR>
</div>
</body>
</html>
なお、背景色だけでなくテキストの色も変えるときには、
this.style.color=’#000000′
のように色を指定します。
Home > HTML/css