リンク時の下線の色変え＆触れると消去
-
0 名前： じょる ： 2005/06/13 20:30
- リンクの下線の色を変えて触れたときに消えるようにしたいんです。
a:link{border-bottom:1px solid yellow;}
a:hover{text-decoration:none;}
のように記述したのですが、一度リンク先を訪れると下線がなくなってしまうんです。
リンク先に移動する前とした後のどっちにも下線(文字と色違い)を表示させ、かつリンク文字に触れると消えるようにしたいんです。
あと、文字から下線を少し離したいのですが、可能でしょうか？
教えていただけるとありがたいです。
-
1 名前： tk ： 2005/06/13 20:30
- a {text-decoration:none;padding-bottom:20px;}
a:link{border-bottom:1px solid yellow;}
a:hover{border-bottom:1px solid white;}
a:visited{border-bottom:1px solid yellow;}
a:active{border-bottom:1px solid white;}
たぶんこんな感じだと思います。whiteの所は背景色と同じ色にすると言う感じです。
参考
http://www.tagindex.com/stylesheet/box/padding.html
http://www.tagindex.com/stylesheet/link/class.html
-
2 名前： じょる ： 2005/06/13 20:30
- 教えてくださりありがとうございます！
でも今度は一度行った所にポインタを当てると下線が白くならないんです；
まだ飛んでない所だとちゃんと下線は消えるんですが…
方法はありますか？
やっぱり無理なのでしょうか？？
-
3 名前： カヅサツ ： 2005/06/13 20:30 ［URL］
- a:link,a:visited{text-decoration:none;padding-bottom:20px;}
a:link{border-bottom:1px solid yellow;}
a:visited{border-bottom:1px solid yellow;}
a:active{border-bottom:1px solid white;}
a:hover{border-bottom:1px solid white;}
-
4 名前： じょる ： 2005/06/13 20:30
- カヅサツさんありがとうございます。
でもやっぱりリンク後の所は色が変わりませんでした。
無理なんですかね…X(
返信ありがとうございました
-
5 名前： カヅサツ ： 2005/06/13 20:30 ［URL］
- あ、なんか IEだとうまくいかない。
a:link,a:visited{
text-decoration:none;
line-height: 1.4;
}
a:link{
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: red;
}
a:visited{
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: red;
}
a:active,
a:hover{
border-width: 0px;
}
質問者の方は、もう見ておられないでしょうが。一応。
-
6 名前： じょる ： 2005/06/13 20:30
- なんと見てました。
ありがとうございます！できました♪
