• 締切済み

マウスをリンクの上に置くと色が変わる部分と変わらない部分がある

みなさん、はじめまして 質問させてください<(_ _)> いまホームページビルダーを用いてHPを作成しているのですが、マウスをリンク部分の上に置くと文字の色を変えたくていろいろ試しました。 行った方法はheadの間を <STYLE type="text/css"> <!-- A:hover{color : red;} --> </STYLE> という文字を入力しました。 その結果、画面の一部分は色がかわるのですが、他の部分は変わらないのです。 この場合どのようにしたらよろしいでしょうか?

  • HTML
  • 回答数2
  • ありがとう数4

みんなの回答

noname#119957
noname#119957
回答No.2

<STYLE type="text/css"> <!-- A:link{color : blue;} /*リンク色指定*/ A:link:hover{color : red;} /*リンクマウスオーバー色指定*/ A:link:visited {color : blue;}/*VISITEDリンク色指定*/ A:link:visited:hover{color : red;}/*VISITEDマウスオーバー色指定*/ --> </STYLE> などはいかがですか?

maninq
質問者

お礼

早速教えて頂きましてありがとうございます<(_ _)> 早速試させて頂きます^^ 無償でこのような事をして頂いて本当にありがたいです^^ 本当にありがとうございます!!!

  • mizutaki
  • ベストアンサー率33% (111/333)
回答No.1

リンクで一部色が変わらない部分が存在する ということでよろしいでしょうか? でしたら、可能性の一つとしては、 <a href="xxxxx"><font color="xxx">リンク先</font></a> <a href="xxxxx"><span style="color:xxxxx;">リンク先</span></a> みたいな部分がソースの中に存在していると考えられます。 外側のタグのスタイルよりも内側のタグのスタイルの方が優先順位が高いので、 ソースコードを探って、こういう部分があったら それを直してみるのがいいと思いますよ

maninq
質問者

お礼

早速ご回答をいただきましてありがとうございます<(_ _)> 調べましたら、おっしゃる通りのようでした^^ 本当に助かりました!!! 無償のご厚意には本当に頭がさがります<(_ _)> <(_ _)><(_ _)> 本当にありがとうございます♪♪♪

関連するQ&A

  • ホームページ作成で、リンクテキストにマウスをあてると色が変わるようにするには?

    ホームページ作成初心者です。 ちなみに「ホームページビルダー」を使用しています。 リンクテキストにマウスをポイントすると、ポイントしている間だけ赤く表示され、 さらにクリック後は紫色に表示されるホームページがよくあります。 パスワード付きリンクについて、それと同じ設定になるようにしたいのですが、 どうしてもうまくいきません。 調べてみたところ「ホーバーをかける」ということのようで、 「表示」 → 「スタイルシートマネージャー」 → 「追加」 → 「HTMLタグの候補」 → 「マウスが上にあるリンク」 → 「色と背景」 → 「前景色」 → 「赤」 → OK のように操作しました。 HTMLソースの<HEAD>と</HEAD>の間には <STYLE type="text/css"> <!-- A:HOVER{ color : red; } --> </STYLE> と表示されています。 ところが、実際のホームページを開くと、ポイントしても文字が赤くならず、 クリックするとパスワードを要求する画面が出ます。 さらに、パスワード付きリンクでなければポイントの際に赤く表示されるのかと思い、 パスワードなしのリンクに変更した後、実際のホームページを開くと、ポイント しても文字の色は多少変わるものの、赤ではありません。 対策をご教示いただければ幸いです。

  • マススポインタがリンクの上に乗ると色が変わる設定方法

    ホームページを作成中です。 リンクの上にポインタを置くと、背景色と文字色を変えるようにしたいのですが、 それについてはこちらの以前からの質問で、 テキストエディタの<head>~</head>内に、 <style type="text/css"> a:link { color:blue; text-decoration:none; } a:visited { color:green; text-decoration:none; } a:active { color:pink; text-decoration:none; } a:hover { background-color:yellow; color:red; text-decoration:underline overline; } </style> と入れると色が変わるようになることを知りました。 その場合、そのままの状態では文字は緑色、マススを乗せると背景が黄色で文字色が赤色に、 クリック後はピンク色の文字に変わるようになると思います。 『a:link { color:blue; text-decoration:none; }』の部分はどこに生かされているのかわかりません。 この部分は一体何の意味があるのでしょうか? また、上記をテキストエディタに貼り付けてしまうと、リンク部分が全てそうなってしまいますよね? マウスを乗せた時には同じ背景色・文字色になってもいいのですが、 何もしない状態(見た目、上記で言う何もしない状態の時)にそれぞれに色を変える場合はどのようにすればいいのですか? 例えると、下記3項目にそれぞれリンクテキストが貼り付けてあるとして、   あいうえお  → ここは青色に   かきくけこ  → ここはオレンジ色に   さしすせそ  → ここは黄色に      する場合、 どのような操作(作業)をすればそのとおりの色に変えることができるでしょうか? とても解りづらい質問ですみませんが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • マウスが上にあるリンク

    HPビルダー7です。 マウスが上にあるリンクで文字の色が変わりません。 表示→スタイルシートマネージャー→追加→スタイルの設定→HTMLタグの候補→マウスが上にあるリンクで 設定しますが変わりません。 カラーと背景では「前景色」と「後景色」だけで、文字のバックの色は変化しますが、文字そのものの変更が出来ません。 文字の色そのものをマウスを置いたら変わる方法をご教授下さい。HPビルダー7のソフト内でお願いします。

  • 触れたときに文字の色を変える方法

    こんばんは。 リンクを貼った文字を最初は赤にし、触れたときに桃色にしようと思っています。 <head></head>の中に <style type="text/css"> <!-- a:hover{color:pink;} --></style> とし、 <A href="アドレス"><font size=2 color=red>文字</font></A> のようにリンクを貼りました。 しかし、赤のままで触れても桃色になりません。 フォントで囲むのをやめると、文字は青で触れたら黄色になりました。 どうすれば私のしたいようにできるでしょうか? ご指導よろしくお願いいたします。

  • リンクだけが指定にない色になります。

    テキストの色を全体に統一したいのですが、リンク部分のみ指定にない色(青)になります。 <STYLE type="text/css"> <!-- a:hover { color:ffffff; } --> </style> <BODY TEXT="CC0033" VLINK="CC6666" ALINK="CC6666"> <A HREF="link.html "STYLE="TEXT-DECORATION:NONE;"> <FONT SIZE=-2>link</FONT></A> 直接リンク文字に色を指定すれば直るのですが、スタイルシートでマウスがリンクに触れた時色が変わるという設定が効かなくなるようです。この設定を外さず、任意の色に変える方法はありませんでしょうか。 そのようなサイトを知っている、でも構いません。どうかよろしくお願いいたします。 (powermacG4/OS9/IE5/NN4.7/Jedit4.0)

    • ベストアンサー
    • HTML
  • 文字の色をスタイルシートで設定した時、ハイパーリンクの文字の色を変えたいのですが

    スタイルシートの定義で質問です。 文字の色をスタイルシートで設定したとき、ハイパーリンクの文字の色を変えたいのですが やり方が分かりません。よろしくお願いします。 htmlは次の様に書いてます。 これだと、ハイパーリンク文字にマウスをおいても白文字のままです。 この時、赤色にかえたいのですが。 <head> <style type="text/css"> .style1 { color: #FFFFFF; font-size: small; } a:hover { color: red; text-decoration: none; } </style> </head> <body> <a href="xxxx.htm"> <span class="style1">ハイパーリンク文字</span></a> ・ ・ </body>

  • リンクをかけた文字がマウスをあてると動いてしまう

    文字にリンクをかけると、その文字にマウスをあてたら、その文字や隣の文字が改行されたように動いてしまいます。今まで経験のない現象なので、何が原因か分からなくって。アドバイスよろしくお願いします。 ページのスタイルシートへのリンクは、 <link rel="stylesheet" type="text/css" href="CSS/css1.css"> CSSというフォルダにcss1.cssを入れて読み出しています。 外部css1.cssのリンク設定は下記のような記述をしているのですが…。 a:link {color :#0000cc; text-decoration : none; } a:active {color :#000099; } a:hover { color: #ff0000; background-repeat : no-repeat; display: block; }

  • リンクの色を2色で使い分けたい

    はじめまして。 良かったらどなたか教えて下さい。 今、一枚のページを作っているのですが、背景色を"#ffffff"(白)とし、そのリンクを以下の様に指定しました。 <style type="text/css"> <!-- A { text-decoration: none} A:link {color:#000000;} A:visited {color:#ffffff;} A:hover {color:#ff6600;} --> </style> 「白地に黒文字リンク、オンマウス時はオレンジ」という指定です。 ところが、同じページ内でテーブルを組み、その背景を#000000と指定する事になりまして、その中にリンクを入れると、「黒字に黒文字リンク、オンマウス時はオレンジ」 でリンクの文字が見えなくなってしまいます。 hoverの効果(オンマウス時はオレンジ)の効果を残しつつ、リンク色を二色に分ける方法は無いでしょうか? (クラス指定の使い方がよく判ってないので、自分で指定するとエラーしか出ないのです)。 お忙しい所申し訳ございませんが、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • リンクを張った文字列の色

    次のようにするとlink、hover、active、viewedのそれぞれの場合に「リンク先のページのタイトル」の文字列の色がgreen、#ffdddd、#ffffdd、maroonになると思ったのですが、うまくいきません。maroonのままです。 <html> <head> <style type="text/css"> <!-- table {font-size:12px; } a.x:link {color:green; text-decoration:none; } a.x:hover {color:#ffdddd; } a.x:active {color:#ffffdd; } a.x:visited {color:maroon; } --> </style> </head> <body> <table border="0" width="100%" height="400" text="bold"> <tr><td><a href="http://www......html" class="x" target="_blank">リンク先のページのタイトル</a>/td></tr> </table> </body> </html> よろしくお願いします。

    • ベストアンサー
    • HTML
  • 特定の画像リンクだけhover時の文字色を変更

    特定の画像リンクにだけスタイルを適用したいと思っています。 特定の画像リンクにクラス名“diet”と付けて、そのリンクにだけ hover 時の文字の色を赤色にしようと考えています。 その場合の記述の仕方を教えてください。 次のように記述しているのですが、うまくいきません。 HTMLに直接書き込む方法にしています。 <head> <style type=”text/css”> <!- a.diet :hover {color: red;} -> </style> </head> <body> <a href="アドレス"><img src=画像のアドレス></a> </body> (必要なところだけ抜粋しています) どこが間違っているのでしょうか? 何度やってもうまくいません。 クラスの書き方がよくないのでしょうか? できれば、HTMLに直接書き込む場合と、CSSを利用する場合の、2つの書き方を教えてください。 どうぞよろしくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう