ロールオーバー
-
0 名前： ユゥ ： 2005/05/04 12:39
- ボックスの中にロールオーバーボタンを作るとうまくいかないのですが、どうすればよいでしょうか？
HTMLは
<div class="side1">
<a href="index.html">あ</a>
<a href="index.html">い</a>
<a href="index.html">う</a>
<a href="index.html">え</a>
</div>
CSSは
.side1{width:145px;
height:300px;
background-color:#6699ff;
font-size:12px;
font-weight:bold;}
.side1 a{text-decoration:none;
color:#444444;
display:block;
border-bottom:1px #ffffff solid;
padding:8px 0px 8px 12px;}
.side1 a:hover{text-decoration:none;
color:#444444;
background-color:#99ccff;
border-bottom:1px #ffffff solid;
padding:8px 0px 8px 12px;}
のように記述しているのですが、文字の上にマウスが乗ったときしか反応しません。
どうしてでしょうか？
-
1 名前： ユゥ ： 2005/05/04 12:39
- てか、ロールオーバーではないですが、それらしきものをCSSでつくりたいのですが・・・
-
2 名前： カヅサツ ： 2005/05/04 12:39 ［URL］
- というか、ユゥさんは、一体何をしたいのか、具体的にお書きになっていません。
> ロールオーバーボタン
「ロールオーバー」という俗語は、何らかの要素（文字列だったり画像だったり）にポントすると、「何か」が起こることの総称であると認識しています。
> 文字の上にマウスが乗ったときしか反応
ええと、「ロールオーバー」はしていますよねぇ。
