• ベストアンサー

色が指定できない

<font color="#FFC0CB" size=2> <a href="top.html" target="top">top</a></font> というようにタグを入れたのですがサイズは反映されるんですけど色がピンクにしたいのに一度もクリックしてないとこは青で一度クリックしたとこは紫になってしまいます。なぜでしょう? スタイルシートでアンダーラインを消して字体を変えているのでそれが原因でしょうか?

  • sami3
  • お礼率87% (353/404)
  • HTML
  • 回答数4
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • Tsuboko
  • ベストアンサー率36% (8/22)
回答No.2

<a href="top.html" target="top"><font color="#FFC0CB" size=2>top</font></a> これで試してみてください。

その他の回答 (3)

  • Mizyu
  • ベストアンサー率41% (245/593)
回答No.4

スタイルシートが原因、というよりも Aタグの中の文字色はスタイルシートで明示的に指定してやる必要があります。 ------------------------------------------------------------------------ <style type="text/css"> <!-- A:link { color: green; } A:visited { color: blue; } A:active { color: red; } A:hover { color: black; } --> </style> ------------------------------------------------------------------------ A:link 一度も訪れたことないリンクの色 A:visited 訪れたことのあるリンクの色 A:active クリックした瞬間の色 A:hover マウスが上を通ったときの色

回答No.3

お察しの通り、スタイルシートが原因です。 HTMLのほうをいじっても解決できませんので、 スタイルシートの該当箇所(Aについての記述)を書いていただければ、 解決するために必要な記述方法をお教えできると思います。

  • t-d-s
  • ベストアンサー率23% (49/213)
回答No.1

<font color="#FFC0CB" size=2> で、"をぬいてみたらどうですか?それかサイズのほうに ”をいれるとか、

関連するQ&A

  • html、リンクを張るとアンダーラインが・・・

    htmlを打つうえでの質問です。 <a href></a> を使ってリンクを張ると、リンクを張った文字は「青くなりアンダーラインが入りますね。」また一度クリックすると「紫になりアンダーライン」という状態になりますね。 これを無くしたいです。クリックしても字は黒いまま。アンダーラインは入らないようにしたいです。参考ページなでございましたらよろしくお願いいたします。

  • ヤフーオークションのリンクでカラー指定と下線を消したい

    ヤフーオークションでリンクの下線を取っ払い、カラーも#660000で指定したいのですが上手くできません。 text-decoration:none;および<font color=#660000>はどこに突入すればいいのでしょうか? <a href="http://~" target="_blank" title="自己紹介文">自己紹介文</a>←基本ベース <a href="http://~" style=text-decoration:none; target="_blank" title="自己紹介文"><FONT SIZE=1 COLOR=#660000>自己紹介文</FONT></a>←でくくっても全く効果がありません。 プレビューで再表示されると下線付きデフォルトのリンク色が紫#810081で表示されてしまいます。

  • ■至急■html詳しい方 テーブル内のリンク書式

    htmlでテーブル内にリンクを貼った場合の書式設定が 反映しません。 下記のテーブル内のTOP , PROFILEなどの文字色、文字サイズを 変更したいのですが、<font size="20">と書いても全く反映しません。 書く場所が悪いのでしょうか? <html> <head> <title>memuページ</title> <!--<link href="./style.css" rel="stylesheet" type="text/css">--> <body link="WHITE" vlink="WHITE" alink="WHITE"> </head> <body> <BR> <table width="1200" border="0" cellspacing="0" cellpadding="5" align="center"> <tr bgcolor="pink"><font size="20"><td colspan="2"><b> <td width="250" height="30"><a href="./main.html" target="main">|TOP|   <td width="250" height="30"><a href="./profile.html" target="main">|PROFILE| <td width="250" height="30"><a href="./shop.html" target="main">|SHOP|</td> <td width="250" height="30"><a href="./help.html" target="main">|HELP|</td></font> </table> </body> </html>

    • ベストアンサー
    • HTML
  • リストに指定したマークの位置がずれてしまいます

    特定のブラウザでリストで指定したマークの位置がずれてしまい困っています。 safari,firefoxは大丈夫なのですが、IE7,operaだと文字に対してより過ぎて、さらに文字半個分、左斜め上に表示されてしまいます。 リストマークのサイズは20×20です。 マークをlist-style-type: square;などにすると普通に表示されます。 非常に困っています。宜しくお願いします。 <style type="text/css"> <!-- body { background-color: #333333; background-image: url(images/left_background.jpg); background-repeat: repeat-y; width: 150px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } a:link { color: #FFFFFF; text-decoration: none; } a:visited { color: #FF6600; text-decoration: none; } a:hover { color: #FFCC00; text-decoration: underline; } a:active { color: #990000; text-decoration: none; } --> </style> <style type="text/css"> <!-- ul { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; line-height: 40px; font-size: large; font-weight: bold; list-style-image: url(images/arrow.gif); list-style-position: outside; } #base { margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-left: 20px; } --> </style> <link rel="shortcut icon"href="/images/favicon.ico" /> <style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; } .style24 {font-size: x-large} --> </style> </head> <body> <div id="base"> <ul> <li> <a href="main.html" target="mainFrame">Home</a></li> <li> <a href="image.html" target="mainFrame">Image</a></li> <li> <a href="flash.html" target="mainFrame" >Flash</a></li> <li> <a href="logic.html" target="mainFrame" >Music</a></li> <li> <a href="link.html" target="mainFrame"> Link</a></li> </ul> </div> </body>

    • ベストアンサー
    • HTML
  • ホームページのリンクの貼り方を教えてください

    RESET の文字を押したら INDEX に戻るようにしたいのですが、 <a target="top" href="インデックスページのアドレス"><font size="-1">RESET</font></a> <br /> だと別窓が開いてしまいます。 別窓ではなく、そのページがインデックスページになるようにしたいのですがどのように修正したらよいでしょうか? 教えてください。 お願いします。

  • “更新”ボタンを押すまではリンクの色が青→紫色になりません。

    リンクを以下のように記述するとIE6,7及び8において、リンクをクリック後に“ブラウザーの「更新」ボタンを押すまでは”リンクの色が青→紫色になりません(“ブラウザーの「更新」ボタンを押すと”リンクの色が青→紫色になります。)。 <a href="http://www.yahoo.co.jp/index.html" onClick="window.open('http://www.yahoo.co.jp/index.html');return false;">テストです。</a> どのように記述すると、IE6,7及び8において、リンクをクリック後に“ブラウザーの「更新」ボタンを押さなくても”リンクの色が青→紫色になるでしょうか? これは、仕方がないことなのでしょうか? グーグルのトップページには「Googleニュース」などの項目があり、各ニュースをクリックすると別ウィンドウが開きますが、“更新”ボタンを押さなくてもアクセス済みのリンクの色が青→紫色になりますね。あれって、とても高度な技術が必要ですか(リンクの色の変化だけの話です。)? <a href="http://www.yahoo.co.jp/index.html" target="_blank">テストです。</a> のようなやりかたもあるようですが、XHTML 1.1 や XHTML Basic等ではもう採用さていないため、お勧めではないと読んだ記憶があります。 関連サイト等あれば、URL教えて下さい。

    • ベストアンサー
    • HTML
  • CSSで指定した文字色が見るマシンによって違う

    リンクの文字の設定をCSSで以下のように指定しています。 a:link{font-size:12px; text-decoration:none} a:visited{font-size:12px; text-decoration:none} 文字色はデフォルトの青→紫になって欲しいので指定していません。 WinとMacのIE・NNで確認して大丈夫だったのですが、ある別のWinのマシン(IE)で確認したら、リンクの文字色がクリック後ピンク色になります。 なぜそうなるのでしょうか? 回避方法としては色の指定をしてやるべきでしょうか? よろしくお願い致します。

    • ベストアンサー
    • HTML
  • リンクの色について

    スタイルシート部分を .navi1 a:link, .navi1 a:visited{ display:block; background-image:url(images/1.gif); text-decoration:none; line-height:30px; font-size:12px; text-align:left; height: 30px; padding-left:11px; font-weight: bold; color: #00FF00; } .navi1 a:hover, {text-decoration:none; color:#FFFF00;} .top a:link, .rank a:visited{ color:#379E02; } .top a:hover{ color: #FF0066;} HTML部分を <div class="navi1"><a href="#">テキスト1</a></div> <div class="top"><a href="#">テキスト2</a></div> とした時に、IEでは思ったように表示されるのですが FirefoxやChromeではテキスト1は#00FF00のままマウスを乗せても色が変わらず テキスト2は色が紫になっています。 これをIEと同じ様に表示させるにはどうすればいいのでしょうか?

    • ベストアンサー
    • HTML
  • 小窓を開くサイズ指定について

    ある場所をクリックした時、ポップアップのように、適当なサイズで別の窓が開くやり方を教えてください。 <a href "xxxx.html" target="_blank">の中に、どんなサイズで、どの位置にとかを書くタグってありますか。 または、開く側のhtmlに、どんなサイズで開くとかを書くのですか。 サイズ指定でなく、そのページの最も小さいサイズを自動的に判断するのでしょうか。

  • magpierssで出力されるアンダーラインを消したい。

    magpierssを使ってブログのエントリーをホームページのトップページに新着情報として反映させてます。 そこで悩みなのですが、反映させたブログタイトルについてしまうリンクのアンダーラインを消したいのですが、方法はないでしょうか? ホムペはホームページビルダー12でインラインフレームを使ってmagpierssのphpを下記のように呼び出してます。 <IFRAME src="http://○○○/rss/rss.php" title="rss" scrolling="no" frameborder="0" width="480" height="186" align="top"></IFRAME> magpierssの方の出力スクリプトは echo "<li><span style=\"color: black;font-size:8p;\">$itemday</span>"," ","<a href=\"$link\" target=\"_top\"><span style=\"color: black;font-size:11p;\">$title</span></a></li>"; です。 ホムペの方はcssの中で a { text-decoration:none ;} と設定しているため、ホムペ内でのリンクアンダーラインはうまいこと消えてくれているのですが、インラインフレームの中まではアンダーライン無し命令は反映されません。 phpの中でアンダーラインを消す記述があれば解決するような気がするのでうが、どなたかご存知の方はいらっしゃらないでしょうか?

    • 締切済み
    • PHP

専門家に質問してみよう