- 締切済み
<a>について
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- gakushaneko
- ベストアンサー率68% (2350/3407)
だいたい出そろっているようなので，ちょっと変わったアドバイス。 リンク部分をクリックしても，リンク部分にポインターがきても，絶対に色を変えない方法です。 <A href="abc.html"><FONT color="#0000ff">次へ</FONT></A>
こんにちは！ CSSで<HEAD>～</HEAD>内に記述します。 <style type="text/css"> <!-- a:link { color: #FFFFFF; } a:visited { color: #FF0000; } a:hover { color: #FF9900; } a:active { color: #00FF33; } --> </style> ・・・・・・・・・・・・・・・・・ a:link がクリック前の色。 a:visited がクリック後（既にクリックした事のあるページ）の色。 a:hover がマウスオーバーしたときの色。 a:active がクリックした瞬間の色です。
スタイルシートを使うとよいと思います。 下のURLは参考になるのではないかと。 http://tohoho.wakusei.ne.jp/css/basic.htm#Pseudo スタイルシートが好ましくない場合は、bodyタグ内でクリック前とクリック後のリンクの文字色を指定することもできます。 http://tohoho.wakusei.ne.jp/html/body.htm 参考になれば…
- CamelLight
- ベストアンサー率33% (11/33)
同じbodyタグ内に、下記のように設定すれば よいです。 <BODY link=****** vlink=****** alink=******> ****** のところには自分で付けたい色を入れてください。 ちらみに link は、リンクテキストの色、 vlink は、訪問済みテキストの色、 alink は、クリック中のテキストの色です。
関連するQ&A
- PHPでaタグ内のリンクの末尾に文字列を追加したい
PHPでaタグ内のリンクの末尾に文字列を追加したいのですがやり方がわかず困っております。 やりたいことは以下のようなことです <a class="url" href="http://www.abc.com">○○</> や <a href="http://www.abc.com">○○</> となっているhrefのリンクの末尾に"AAA"などの文字列を付加したいです <a class="url" href="http://www.abc.com/AAA">○○</> や <a href="http://www.abc.com/AAA">○○</> ご存じの方がいらっしゃいましたらご教授ください。 よろしくお願いします
- 締切済み
- PHP
- アンカーへのリンク設定と文字色
同一ページ内でアンカーを設定しましたが、リンクのついた文字をクリックすると、クリックしている間文字色が白色になってしまい見た目がよくありません。どのようなタグでコントロールするのでしょうか。 ちなみに body、a タグは以下のように設定しています。 <BODY BGCOLOR="f5f5f5" TEXT="#000080" link = "blue" alink = "red" vlink = "green"> <a href="#chu1" >（注＊１）</a> <a name="chu1">注＊１</a> ＩＥ５．５で作成しています。 ＨＴＭＬ初心者で、的を得ない質問でしたらご容赦願います。よろしくお願いします。
- ベストアンサー
- HTML
- mailtoで質問・・・
お疲れさまです♪ 画面から『メールはこちら』リンクをクリックし、メーラーを起動してメールを送信！ということをやりたいのですが、bodyに【taro@abc】という文字を入れるとその文字に下線が入ってしまいます。 この下線を表示しないようにするにはどうすればいいでしょうか？ よろしくお願いします(^^ <html> <body> <a href="mailto:test@testmain.com?subject=メール送信&body=taro@abcです。">メールはこちら</a> </body> </html>
- ベストアンサー
- HTML
- リンクされない、文字としての<a href="～">の書き方。
こんにちは。 相互リンクのために、ホームページ上にバナ―を載せて、 「このバナーを使うときは、この<a href="～">～</a>をそのままコピーして 使用してください。」 と書く時に、<a href="～">～</a>がリンクするためのタグではなく、 あくまでも文字として表示するためにはどうすれば良いのでしょうか？ ご存知の方、ぜひ教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- 個別にハイパーリンクの色を指定するには？
例えば <body link="red"> とした場合、クリック前のリンクの色はすべて赤になりますが、ある特定のリンクのみ緑にしたい場合 どのようなタグを書けばいいのでしょうか？ <body link="red"> <a href="http://www.yahoo.co.jp/">test</a> </body> a要素に何を付け足せばいいか教えてください。
- ベストアンサー
- HTML
- リンクする画像とテキストをくっつけるには？
ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像（写真）をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A> 私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか？ご教授願えませんか？
- ベストアンサー
- ブログ
- au携帯で使うobjectタグの文字色変更は可能ですか？
au携帯用の動画ダウンロードで使うobjectタグについてですが、 動画のダウンロードで表示させるテキストリンク文字色は変更できるのでしょうか？ auで使用できるobjectタグの場合、 デフォルトのリンク文字色が黒です。bgcolorが黒で固定の場合どうすればいいのか困っています。どなたか対処法教えてください。 ※そのページのみbgcolorを黒以外のグレーなどに変更はできない案件です。 ・bodyタグ内でのテキストカラー指定⇒反映されない。 ・objectタグの直前に「font color=#●●●●●●」⇒反映されない。
- 締切済み
- HTML
- link relタグは次の記事を先に読みこむタグですが
ブログのhtmlの最初のほうに使うタグのlink relタグというのは、次の記事を先に読み込む為のタグと説明されてますが、 それを使ったタグに「次の頁へ」という表示をしたいのですが、 どう書けば文字を表示できるのでしょうか。 <!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページへ移動" /><!--/nextpage--> とあるhtmlのどのように変えたらいいのか いろいろいじったのですが 文字が表示されません。 「 》 」このカッコの表示だけなんです。 《 このブログのタイトル 》 この感じでリンクが貼られた状態なんですが、 これを 《前のページへ このブログのタイトル 次のページへ》 という様に 文字も入れたいのですが、出来ないんでしょうか？ a hrefタグを使うのが正解なんでしょうか？ でもこのブログのhtmlのこの場所のかたまりには、link relタグしか 使ってないので、このタグで文字の表示は出来ないかと調べているんですが、方法はないのでしょうか？ どうぞよろしくお願いいたします。
- ベストアンサー
- ブログ
- IE6でaタグのvisitedより、aタグ内のクラスに指定した文字色を優先する方法について
CSSで一箇所分からない所がございましたので、ご教示いただける方がいらっしゃいましたら、よろしくお願いします。 【やりたいこと】 1. ページ内の特定の箇所(下記のソースでは「1」の文字)のリンクのみ文字色(aタグの「未訪問」、「訪問済み」、「訪問中」、「マウスがリンクに乗っている」をすべて同一にしたい)を変えたいと思います(他の大半のリンク色は特定の色が指定されています)。 【状況】 下記のソースをコピペしたhtmlをIE6で立ち上げ、「1」の文字をクリックすると「1」の文字が緑色に変わりました。 多分a:visitedが効いているのだと思います。 一方Firefox2で同じ動作をした所、「1」の文字色は赤色となります。 これはaタグ内のクラスの指定が優先されているのだと思います。 なおIE7はFirefox2と同様の動作となりました。 ちなみに私はこの部分を赤色にするつもりで記述しておりますので、Firefox2とIE7は意図したとおりの動作となり、IE6は意図していない動作となります。 こちらで検証した所、該当箇所のクラスをインラインスタイルシートで記述しなおせばIE6でも赤色で表示されたのですが、「デザインを一元管理したい」「変更箇所が多い」などの関係上、インラインスタイルシートではなく、クラスで記述したいと思います。 ↓IE6では緑色(Firefox2, IE7では赤色)になります(NG)。 <a class="fontcolor" href="index.html">1</a> ↓IE6,Firefox2, IE7で赤色になります(OK)。 <a style="color:#FF0000" href="index.html">1</a> 【ソースコード(index.html)】 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>sample</title> <style type="text/css"> <!-- .wrapper a { color:blue; } .wrapper a:visited { color:green; } .wrapper a:hover { color:yellow; } .wrapper a.fontcolor { color:red; } --> </style> </head> <body> <div class="wrapper"> <!-- 略 --> <a class="fontcolor" href="index.html">1</a> <a href="index.html">2</a></div> <!-- 略 --> </body> </html> なお<div class="wrapper">内には(省略しておりますが)多数のリンクがある関係上、下記の条件を満たしている方法をご存知の方がいらっしゃいましたら、ご教示いただければと思います。 1. wrapperのaタグのスタイルシートの記述はそのままでお願いします (ここですべてのリンクの文字色を一括制御し、特定の箇所のリンク色のみ変えるという記述をしている関係上、ここを変更すると多数の記述を修正しないといけなくなると思う為です)。 2. インラインスタイルシートで記述すると、デザインを一元管理できなくなるなどの関係上、クラスで対応したい(一箇所の修正ですべてのページを反映させたい)とおもいます。 以上、よろしくお願いします。
- ベストアンサー
- CSS
- Aタグを文字ではなくタグとして認識させたい…
http://okweb.jp/kotaeru.php3?q=1422320でリンクをクリックすると押せなくなる処理を作りました。 しかし新たな問題が… 以下はソースです。 function linkcontrol(linkno) { switch(linkno){ case 1: slink1.innerText ='LINK1'; slink2.innerText ='<a href="javascript:linkcontrol(2)">LINK2</a>'; slink3.innerText ='<a href="javascript:linkcontrol(3)">LINK3</a>'; break; case 2: slink1.innerText ='<a href="javascript:linkcontrol(1)">LINK1</a>'; slink2.innerText ='LINK2'; slink3.innerText ='<a href="javascript:linkcontrol(3)">LINK3</a>'; break; case 3: slink1.innerText ='<a href="javascript:linkcontrol(1)">LINK1</a>'; slink2.innerText ='<a href="javascript:linkcontrol(2)">LINK2</a>'; slink3.innerText ='LINK3'; break; } } //BODY部 <span id="slink1"><a href="javascript:linkcontrol(1)">LINK1</a></span> <span id="slink2"><a href="javascript:linkcontrol(2)">LINK2</a></span> <span id="slink3"><a href="javascript:linkcontrol(3)">LINK3</a></span> 上記の処理だと、リンクはクリックできなくなったのですが、他のリンクがリンクにならず文字で<a href～と書かれてしまいます。 これをきちんと文字ではなくタグとして認識させるには、どのような修正をすれば良いのでしょうか。 アドバイスお願いします。 ※そもそもこのソースはあまりよろしくない書き方のような気もします。 ※もしもっと簡単に行える書き方がありましたらそちらも併せてアドバイスをお願いします。
- ベストアンサー
- JavaScript
