HP作成でリストの上にマウスが来たらその行の色を変え下線を！

質問

HPをHPビルダーで作成始めました。<li>タグを付け、かつ<A href="　してリンクを張ったリスト上の1行1行についての質問です。まず?リンク有りを示す下線を付けて欲しくない、?マウスイベントが欲しい。onMouseOver で下線と色を付け、onMouseLeave で元の色に戻し下線を消す
これを実現している例がいっぱいあるのですがどうしてもまねできません。どなたかお教え下さい。必要なのはJavaScript なのでしょうか、HTMLタグなのでしょうか？

回答No.1

shy00 · ベストアンサー

CSSで行います。
http://home.catv.ne.jp/hh/mayusaka/howto/tag/css_link.html
を参考にしていただけば早いかと・・・
一番、ご希望に近いのは「上下線を付ける。」の項目をご覧下さい。
これの、overlineは削除すればOKです
色など、いろいろと変更して試してくださいね

参考URL：

http://home.catv.ne.jp/hh/mayusaka/howto/tag/css_link.html

お礼

shy00 さま、どうもありがとうございました。未知の世界ですし、HPビルダーというソフトは、この点の説明がガイドブックのどこを見てもなかったので、困っていました。とても簡単に解決できて、拍子抜けしてしまいました。どうもありがとうございました。

回答No.3

noname#84083

１　リンク有りを示す下線を付けて欲しくない
２　onMouseOver で下線と色を付け、
３　onMouseLeave で元の色に戻し下線を消す

検索でとても分かりやすいページを見つけました。
（参考URL参照してください）

１　a:link {color:×××; text-decoration="none"}
（文字の色をつけたくないなら、元の色blueかな）
２　a:hover {color:×××; text-decoration="underline"}
３　は、訪問済みや未訪問でも、変化を加えることも出来ます。文字の色ばかりでなく、文字の背景色の変え方も記載されていてわかりやすいです。

HPビルダーだと結構分かりにくいですよね。
私はこれらのソースをコピーしたものを、ビルダーのHTMLタグの中にペーストして、作成しています。

参考URL：

http://homepage2.nifty.com/tomoarai/style/linkcolor.html

回答No.2

rakuson

必要なのはスタイルシートです。
HTMLの＜HEAD＞～＜/HEAD＞の間に次のタグを張り付けてください。

<style type="text/css">
<!--
A:LINK{
font-size: 12pt;
color: 0000ff;
text-decoration: none;
}
A:VISITED{
font-size: 12pt;
color: aa00aa;
text-decoration: none;
}
A:ACTIVE{
font-size: 12pt;
color: 00ffff;
text-decoration: none;
}
A:HOVER{
font-size: 12pt;
color: 00ffff;
text-decoration: underline;
}
-->
</style>

ここで　text-decoration: underline;　はリンクの下線をつける
　text-decoration: none;　は下線を消します。
又　color: 00ffff;　onMouseOverでリンクの文字色を示します

A:LINK はリンク前
A:VISITED　はリンク後
A:ACTIVE　はリンク中
A:HOVER　はonMouseOverの時です