ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

リンクにマウスが乗った時の色について

日時: 2006/12/19 18:45
識別: IDK/j9r5AVtFw
名前: ビギナー

「リンクにマウスが乗った時の表示を色々変えてみる」について質問です。まず、サンプル2のようにページ内の色(黒文字から赤文字へ)を変化させることに成功しました。参考までに「背景/文字の設定」は、「背景(白) 文字(黒) リンク(黒) 既読リンク(黒) 選択リンク(赤)」となっています。ところが、ページの一部はオレンジ色の下地に白文字となっていて、ここにリンクをつけると当然に黒色となります。しかし、本来なら(白文字から赤文字へ)としたいのですが、リンク箇所を「スタイル設定」で「現在のタグのみにスタイル設定」を選択、「カラーと背景」で「前景色」を「白」とすると、ページ箇所は白文字になるものの、マウスを移動しても赤文字になりません。この場合、どういった解決策がありますか?

簡単にいうと、ページ全体は(黒文字から赤文字へ)ですが、ページの一部を(白文字から赤文字へ)に設定する方法です。

お手数ですが、ぜひご回答のほどを。

Re: リンクにマウスが乗った時の色について ( No.1 )
日時: 2006/12/19 20:08
名前: Newのり太

> 「背景/文字の設定」は、「背景(白) 文字(黒) リンク(黒) 既読リンク(黒) 選択リンク(赤)」となっています。

ページのプロパティでの話でしたら、
スタイルシートでリンク色を指定しているのですから、
こちらは不要ではないかと思います。

リンク文字の色の指定方法は2通りあります。
・bodyタグの、link、vlink、alink の各属性 (ページのプロパティで設定)
・スタイルシートの擬似クラス :link、:visited、:active、:hover (スタイルシートマネージャーで設定)

スタイルシートを使おうとされるなら、色や大きさなど、
見栄えに関することはすべてスタイルシートで統一されることをお奨めします。

> 本来なら(白文字から赤文字へ)としたいのですが、リンク箇所を「スタイル設定」で「現在のタグのみにスタイル設定」を選択、「カラーと背景」で「前景色」を「白」とすると、ページ箇所は白文字になるものの、マウスを移動しても赤文字になりません。この場合、どういった解決策がありますか?

通常は前景色・白で、オンマウス時に前景色・赤のクラスを定義しておき適用すればよいと思います。
具体的な方法は、こちら参照。
https://www.wsb.jp/hpb/css/link.htm#05
一点だけ注意:
スタイルクラスのツールバーを利用する場合、test:hover を選択してはダメです。
まず、スタイルシートマネージャーで、
a.test→前景色・白、a.test:hover→前景色・赤 と設定しておき、
ツールバーでは、testを選択するようにしてください。

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved