これからの季節に親子でハイキング! >>

テキストリンクをクリックすると、次から色が変わりますよね?クリック前とクリック後と一緒の色にしたいんです。前に教えてもらったんですが、ページ内の全てのリンクの色が同じ色になってしまったんですが、そういうものなんですか?文字別に色を変えて指定することはできますか?どういうタグを入れたら良いか教えて下さい。

A 回答 (2件)

BODYタグをいじります。


<body link="クリック前の色" vlink="クリック後の色">
のようにします。色の部分は#3333FFとか#FFFFFFのように
お好みの色をいれます。

文字別に色を指定するときも
<a href="link_saki.htm"><font color="#FF0066">リンク</font></a>
のように<a>の中に<font color>で指定すれば可能です。
    • good
    • 2

こんにちは、じゃんぬねっと です。



変えてしまいたくないリンクを Class で定義かな。

[CSS]
a.fix, a.fix:visited {
  color : #2040FF;
}

[HTML]
<a class="fix" href="../">ぺがらぼ</a>

こんな感じ。
a:hover とか a:active 擬似クラスも変えたければ追加する。
    • good
    • 1

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qアンカータグ内の文字の色を変わらない様にするには、

教えていただけますか?
文字すべてを白にしたいのですが
アンカータグの部分だけ、違う色になってしまいます。
どのようにすればアンカータグの色を無効化出来ますか?
よろしくおねがいします。

以下の様にしています。
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="footer" bgcolor="#000000">
<font color="#ffffff">
Copyright <a href="../company/">株式会社ホゲホゲ</a> All rights reserved
</font>
</td>
</tr>
</table>

Aベストアンサー

他の方が書かれていますが、一部だけって場合ですかね?

一番簡単なのは・・・

<font color="#ffffff">
Copyright <a href="../company/"><font color="#ffffff">株式会社ホゲホゲ</font></a> All rights reserved
</font>

リンクも白
選択時も白
リンク後も白


BODYに指定する事で全てのリンクに同じ事が可能です。
link="色"・・・・・・・・・・・・・まだ見ていないページへのリンク箇所の色を指定する
vlink="色"・・・・・・・・・・・・すでに見たページへのリンク箇所の色を指定する
alink="色"・・・・・・・・・・・・リンクをクリックした時のリンク箇所の色を指定する

まあ、BODYに記述するならスタイルシートにするのが無難ですが。

Qリンク後の色設定

私はテキストエディタ(メモ帳)で直接HTMLタグを入力してホームページを作っているのですが
一つ、困ったことがあります。
それは、リンクの色のことです。

普通リンクの色を設定する場合、<body link=色>なのですが、これはあくまでクリックする前の話。
私が問題視してるのは、『クリックした後』なのです。
通常の設定では、クリック後は紫のような色になりますが、私のホームページは背景が黒なので、非常に見難いものとなってしまいます。
そこをなんとか改善するためにも、クリック後のリンクの色の設定をしたいのです。
どなかたやり方をご存知の方、またはその詳細が載っているホームページをご存知の方は、どうか助けてください。
よろしくお願いします。

Aベストアンサー

link=色 のように、以下のものを書き加えてみてください。
vlink=色 すでに見たページへのリンクの色
alink=色 リンクの部分をクリックした時の色

これで出来ると思います。
この属性を使用する場合は、text、link、vlink、alink、bgcolor全てを指定するようにしてください。

また、この部分はスタイルシートで指定することが推奨されています。
CSSの場合は、以下の指定を行います(括弧内は解説)
a:link{color:色;}   (まだ見てないページ)
a:visited{color:色;} (もう見たページ)
a:hover{color:色;}  (カーソルをリンクの上においている状態)
a:active{color:色;}  (リンクをクリックした時の色)
順番はこの通りに指定するようにして下さい。

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

Qcssで「下よせ」ってどうやっていますか?

フロートのレフト、ライトはいいとして、

あるボックス要素内(A)に異なるボックス要素(B)をいれます。
この(B)を(A)の一番そこにはりつかせたい時にどうすれば
最もよいのでしょうか?

いいアイデアをご教授ください。

Aベストアンサー

こんなのはどうかな?

position: absolute;
bottom: 0px;

Qリストの左余白の削除方法

<li>リストを作成した再に表示されてしまう、左余白部分を削除して、画面左に詰めたいのですが、上手く出来ません。
どなたかご教授頂けませんでしょうか?

=>CSS記述<=
ul li {
list-style: none;
margin: 0px;
padding: 0px;}

=>HTML記述<=
<ul>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
<li><a href="#">サンプル</a></li>
</ul>

Aベストアンサー

ul li {

の箇所を

ul {

にするだけ

Qリンクしたら文字の色が変わるのをやめたい

リンクしたら文字の色が変わるのをやめたい

家族共有パソコンなので、ここ読んだんだー、
と思われるのが嫌です
リンクした所は文字の色が変わりますよね
変わらないようにする方法を教えて下さい
win7です
よろしくお願いします

Aベストアンサー

IEの右上にあるツール>インターネットオプション>全般タブ>デザイン>色
「表示済み」をクリックして、色を「未表示」と同じ色に変更する。

Qaタグに直接style=""で:hoverをしたいしたい

お世話になります。
下記のaタグのCSS記述部分を直接<a href="" style="..."として記述するには
どのようにすればよいのでしょうか
hoverをaタグ内に直接指定しようとしていろいろ調べたのですが、解説しているサイトを見つけられなくて、質問させてもらってます。
A:link.menu {
text-decoration:none;
FONT-SIZE: 12px;
COLOR: #0000ff;
}
A:visited.menu {
text-decoration:none;
FONT-SIZE: 12px;
COLOR: #0000ff;
}
A:hover.menu {
FONT-SIZE: 12px;
color:#0000ff;
background-color:#66bce2;
}
A:active.menu {
FONT-SIZE: 12px;
COLOR: #0000ff;
}

お手数お掛けしますが、どなた様かご教授いただけますようお願い致します。

Aベストアンサー

<a href="http://www.yahoo.co.jp" style="text-decoration:none;FONT-SIZE:12px;COLOR: #0000ff;"
onmouseover="this.style.backgroundColor='66bce2'"
onmouseout="this.style.backgroundColor=''">やふう</a>

Qの意味を教えてください。

Javascriptを見ていると
<a href="#" onClick="new_open();return false">
なる記述がありますが、
この<a href="#"
の部分の意味を教えてください。
<a herf まではわかるのですが、この#はどのようないみなのでしょうか?

Aベストアンサー

href="#" というのは「そのページの最上部へのリンク」という意味で、スクロールした場所から一番上に戻したい場合に使います。
ちなみに、同ページ内への # 指定でのリンクでは、ページは読み込まれずスクロールするだけです。

<a href="#" onClick="new_open();return false">
というのは、そのリンクがクリックされた時に new_open という関数を実行し、他の処理はするな、という意味です。
return false というのが、A タグ本来のジャンプ動作をキャンセルさせるためのもので、これを取ってしまうとページ最上部にジャンプしてしまいます。

このスクリプトを書いた人は onClick だけが必要だったのでしょうが、href がないとリンクの下線が出ないなどの不都合があるため、やむなく # を書いたのでしょう。

JavaScriptの内容を実行したいだけなら、
<a href="javascript:new_open()">
と書けば十分なのですが、一部のブラウザではこのタイプのリンクをクリックすると、アニメーションGIFが止まってしまうなどの弊害があるため、嫌う人もいるようです。

また、JavaScriptが有効でない環境の人は、質問に書かれたリンクをクリックしてもページ最上部に戻されるだけで、開くべきページの内容を見ることができません。
なので、
<a href="ページのURL" target="_blank" onClick="new_open(); return false">
とするなどして、非JavaScript環境にも対応した方が親切です。

長文失礼しました。

href="#" というのは「そのページの最上部へのリンク」という意味で、スクロールした場所から一番上に戻したい場合に使います。
ちなみに、同ページ内への # 指定でのリンクでは、ページは読み込まれずスクロールするだけです。

<a href="#" onClick="new_open();return false">
というのは、そのリンクがクリックされた時に new_open という関数を実行し、他の処理はするな、という意味です。
return false というのが、A タグ本来のジャンプ動作をキャンセルさせるためのもので、これを取ってしまうとペー...続きを読む

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qidを使わずにonclickで自身の要素取得

javascriptで
<a href="XXX.XXX" title="ゴール" onclick="element()">test</a>
function() {
idを使わずにここにtitle属性のゴールを習得する方法を記述したいのですが、わかりません
よろしくお願いします
}

Aベストアンサー

こんにちは。


==== HTML
<a href="" title="ゴール" onclick="getTitle(this);return false;">test</a>
<a href="" title="スタート" onclick="getTitle(this);return false;">test2</a>


==== JavaScript
function getTitle ( obj ) {
var title = obj.getAttribute('title');
alert ( title );
}

こういうことでしょうか。
違っていたらすみません。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング