ホームページ作成でリンクテキストの色変更方法

質問

• ホームページ作成初心者がリンクテキストの色を変える方法について教えてください。
• 「ホバーをかける」操作を試したがうまくいかず、実際のホームページでは文字の色が変わらないか、パスワードを要求する画面が表示される。
• パスワード付きリンクでなければ文字の色が多少変わるが、赤く表示されない。対策を教えてください。

回答No.4

chikotto

>この中の
><LINK rel="stylesheet" href="hpb9tm06_3.css" type="text/css" >id="hpb9tm06_3">
>の部分を削除すると、どちらも赤くなります。

ということは、
明らかにhpb9tm06_3.cssが原因ですね。
ここに、今までの設定より優勢な設定がされているかと思います。

CSSで指定するのに、同じ設定でもどれを優先させて読み込ませるのか色々とあります
（難しい話になるのえ省略します）
hpb9tm06_3.cssにa:hover{color:#ff0000;}の一行を追加でもおそらく直らないでしょう。

hpb9tm06_3.cssの中がどうなっているのか不明ですが…

●色が変わるようになりました（但し、赤ではありません）。とありますが、何色になるのですか？
●hpb9tm06_3.cssの中で、a:hoverがついている部分はありますか？あれば削除してみましょう。
●hpb9tm06_3.cssの中で、a.hpb-vmenu1-link1:hover…というものがありますか？あれば削除してみましょう。
またはhtmlのほうで、class="hpb-vmenu1-link1"を削除してみましょう。

class="hpb-vmenu1-link1"がなんとなく原因のような気がします。
class="～"とは、どこを指定するのかの目印の旗のようなものです。
hpb-vmenu1-link1というところを●●する、という設定があるなら、そちらが優先されています。

お礼

＞　色が変わるようになりました（但し、赤ではありません）。とありますが、何色になるのですか？

ページ全体が薄茶色系統、リンクテキストの平常時文字色（指定なし）は紫と灰色の中間ぐらい、リンクテキストのポイント時文字色はオレンジ色、といった感じです。

＞　class="hpb-vmenu1-link1"を削除してみましょう。

ポイントした際に赤くなるようにはなりましたが、平常時の文字の色が変わってしまい、フォントサイズも大きくなってしまいました・・・

いろいろ試してみて、だんだんとわかってきました。

ホームページビルダーの中に「デザインテンプレート」があり、これまで「スタイリッシュ・エフェクトのテーマから選ぶ」を選択していたので、上部や左側などに枠組付きのリンクを置く場所が確保され、ページ全体を薄緑色系統の色で統一、黄色系統の色で統一、等が簡単に自動的に設定できるようになっていました。
但し、これはホームページ作成において細かい部分でいろいろな制約があることがわかりました。

「スタイリッシュ・エフェクトのテーマから選ぶ」ではなく「色や壁紙から選ぶ」を選択すると、上部や左側などに枠組なしのリンクを置く場所が確保され、背景色、その背景色に応じた「未訪問のリンク色」「訪問済みのリンク色」「カーソルオン時」「リンクをクリックしている状態」のおすすめの文字色が表示され、好みに応じて文字色の設定も可能になりました。

後者の方法で背景色と「カーソルオン時」等の文字色を設定し、あとから上部や左側などにあるテキストリンクを枠組付きのものに変更すれば希望通りのホームページを作成できそうです。

ご回答ありがとうございました。

補足

親身のご回答、何度もありがとうございました！