だれか、HTMLの記述で教えてください。
文字の背景の色が変わる、じゃなくて、
文字の色を変えたいんです。
(クリックする前マウスを乗せるだけで)。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

スタイルシートを利用します。


head内に、
<style>
<!--
a:hover { color:#eeffdd; }
a:link { color:#ddcc45; }
a:visited{ color:#dc143c; }
-->
</style>
とすれば可能です。
a:hoverがマウスが上に来た時、残りはそれぞれ、
デフォルトのリンク色、既読リンクの色となります。
    • good
    • 0
この回答へのお礼

ありがとうございます!
書かれてある通りやったら成功しました。
感謝ですm(__)m

お礼日時:2003/04/10 13:13

参考URLなんかですかね。


他には・・・
http://www.interq.or.jp/pink/taka1112/javascript/
とか。。

参考URL:http://www4.ocn.ne.jp/~tomotan/javascripts/tip07 …
    • good
    • 0
この回答へのお礼

ありがとうです!できました。

お礼日時:2003/04/10 13:12

<a href="../2.htm" style="cursor:ne-resize">カーソル1</a>


<a href="../2.htm" style="cursor:nw-resize">カーソル2</a>
<a href="../2.htm" style="cursor:se-resize">カーソル3</a>
<a href="../2.htm" style="cursor:sw-resize">カーソル4</a>
<a href="../2.htm" style="cursor:n-resize">カーソル5</a>
<a href="../2.htm" style="cursor:s-resize">カーソル6</a>
<a href="../2.htm" style="cursor:w-resize">カーソル7</a>
<a href="../2.htm" style="cursor:e-resize">カーソル8</a>
<a href="../2.htm" style="cursor:move">カーソル9</a>
<a href="../2.htm" style="cursor:wait">カーソル10</a>
<a href="../2.htm" style="cursor:hand">カーソル11</a>
<a href="../2.htm" style="cursor:crosshair">カーソル12</a>
<a href="../2.htm" style="cursor:help">カーソル13</a>

--------------------------
こんな感じですが。
styleのところを変えてくださいね・
    • good
    • 0
この回答へのお礼

どうもありがとうございますm(__m

お礼日時:2003/04/10 12:54

このQ&Aに関連する人気のQ&A

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

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

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

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

Qカーソルを合わせると説明を表示させたい。

よくサイトのページで、カーソルを合わせるとリンク先の説明が表示されるような仕掛けがありますが、
あれの応用で、カーソルを合わせるとリンクはなく、説明だけが表示できる仕掛けを作りたいと思っています。
画像なら、代替テキストで可能ですが、テキストで行いたいのです。

 こういう仕掛けはできるのでしょうか?

Aベストアンサー

TITLE=
を使ってみてはいかがですか?
以下はサンプルですので、コピペしてみてください。

<HTML>
<BODY>
これが<SPAN TITLE="説明文
改行だってできます。
いかがですか?">サンプル</SPAN>です。
<BODY>
</HTML>

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の方も修正する方法でもよけ...続きを読む

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)はこれら以外にも
いろいろな設定方法があります。

Qリンクの上にマウスカーソルをあわせると文字が浮き上がるように、、、

おせわになります。
アンカーでリンクを指定し、その上にカーソルを合わせると
文字列が浮き上がるようにしたいのですが
hoverを使えばよいのでしょうか?
初心者なのでなかなかうまくいきません。。
よろしくお願いいたします。

Aベストアンサー

hoverはマウスポインタがリンクの上にきたら
リンク文字色を変えることができます。

色使いをうまくすれば浮き上って見えないこともありませんが。

#1は alt と同じ意味ですね。

「浮き上る」というのが人それぞれ取り方が違うと思いますので
過去の質問を参考にしてもらいたいところです。
でも、javascriptを使うようなので
初心者にはちょっと厳しいかもしれませんが
健闘を祈ります。

ご質問に近いのはこんな感じ?
http://www.openspc2.org/reibun/javascript/string/009/index.html

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=163389

Qエクセルで数式の結果が反映されない(自動計算になっているのに)

すいません、教えてください。

エクセル(XP)で数式が自動計算されなくなって
しまいました。

  ※ツールのオプションはちゃんと自動計算に
   なっているのに全く反映されません。

今まで全く問題なく作業できていたので
原因が分からず困っています。

数式等のエラーだとは考えにくいです。
と言うのも数式のあるセルをダブルクリックして
選択し、そのままEnterキーを押すと計算結果が
反映されます。
ただ、今まで全て自動計算されていたのが
全く動かなくなってしまったんです。

同じようなトラブルを経験された方、又は
詳しい方、どうかよろしくお願いします。

Aベストアンサー

原因は分からずじまいになってしまいましたが
同じことがありました。

「Officeの救急隊」を試してみましょう。
ボタン一発で全ての設定が元に戻ります。
http://www.vector.co.jp/soft/win95/util/se247118.html
(ツールバーなども初期状態に戻ります)

私の場合はコレで直ってしまいました^^

参考URL:http://www.vector.co.jp/soft/win95/util/se247118.html

Q画像を複数横に並べ、かつそれぞれの画像の下に文字を表示する

はじめまして!!質問のとおりです。

画像を横に複数表示しつつ、さらにそれぞれの画像の下に文字を表示(それそれの画像の横幅の範囲内に)するには、どうすればいいのでしょうか??

回答よろしくお願いしますm(_ _)m

Aベストアンサー

TABLEタグで横並びの1画像ずつ区切ってみてはいかがでしょう?
最小の画像横幅より狭くTD の幅指定をして画像の下に回り込みで
テキストを入れる形を取りborder=0に指定すれば罫線は表示されません。

http://www.geocities.co.jp/SiliconValley-Bay/7770/file/hf.html
http://www.tagindex.com/hp_guide/menu/02.html

Qエクセルで、条件に一致した行を別のセルに抜き出す方法

エクセルで、指定した条件に一致するセルを含む行をすべて抜き出す方法が知りたいです。

たとえば、

<A列> <B列> <C列>
7/1 りんご 100円
7/2 ぶどう 200円
7/2 すいか 300円
7/3 みかん 100円

このような表があって、100円を含む行をそのままの形で、
別のセル(同じシート内)に抜き出したいのですが。

7/1 りんご 100円
7/3 みかん 100円

抽出するだけならオートフィルターでもできますが、
抽出結果を自動的に、別の場所に、常に表示させておきたいのです。

初歩的な質問だと思いますが、検索しても分からなかったので、よろしくお願いします。

Aベストアンサー

同じ質問が結構よく出てますが、そんなに初歩的でもありません
別シートのA1セルに「100円」と入力し、そのシートの任意のセルに以下の式を貼り付けて下さい。後は、下方向、右方向にコピー。
日付のセル書式は「日付」形式に再設定してください

=IF(COUNTIF(Sheet1!$C:$C,$A$1)>=ROW(A1),INDEX(Sheet1!A:A,LARGE(INDEX((Sheet1!$C$1:$C$500=$A$1)*ROW(Sheet1!$C$1:$C$500),),COUNTIF(Sheet1!$C:$C,$A$1)-ROW(A1)+1)),"")

データ範囲は500行までとしていますが、必要に応じて変更して下さい

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

ホームページを作成中です。
リンクの上にポインタを置くと、背景色と文字色を変えるようにしたいのですが、
それについてはこちらの以前からの質問で、
テキストエディタの<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項目にそれぞれリンクテキストが貼り付けてあるとして、
  あいうえお  → ここは青色に
  かきくけこ  → ここはオレンジ色に
  さしすせそ  → ここは黄色に      する場合、
どのような操作(作業)をすればそのとおりの色に変えることができるでしょうか?

とても解りづらい質問ですみませんが、よろしくお願いします。

ホームページを作成中です。
リンクの上にポインタを置くと、背景色と文字色を変えるようにしたいのですが、
それについてはこちらの以前からの質問で、
テキストエディタの<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ベストアンサー

★アドバイス
>ただ、テキストエディタのどの部分に教えていただいたものを
>貼り付ければよいかわかりません(;;)
 ↑
 テキストエディタの <head>~</head> 内に貼り付けます。
 または外部のスタイルシートのファイル(css)に記述します。
>と入れても、標準の時の文字色が青ではなく、クリックしたこと無くても緑色です。
 ↑
 ???
 下にサンプルを載せます。

サンプル:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
/* 下線を消す */
a{
text-decoration:none;
}
/* 訪問色 */
a:visited{
color:green;
}
/* マウスを乗せた色 */
a:active,
a:hover{
background-color:red;
color:white;
}
</STYLE>
<TITLE>タイトル</TITLE>
</HEAD><BODY BGCOLOR=black>

<A HREF="http://~"><FONT COLOR=blue>あいうえお</FONT></A><BR>
<A HREF="http://~"><FONT COLOR=orange>かきくけこ</FONT></A><BR>
<A HREF="http://~"><FONT COLOR=yellow>さしすせそ</FONT></A><BR>

</BODY>
</HTML>

以上。

★アドバイス
>ただ、テキストエディタのどの部分に教えていただいたものを
>貼り付ければよいかわかりません(;;)
 ↑
 テキストエディタの <head>~</head> 内に貼り付けます。
 または外部のスタイルシートのファイル(css)に記述します。
>と入れても、標準の時の文字色が青ではなく、クリックしたこと無くても緑色です。
 ↑
 ???
 下にサンプルを載せます。

サンプル:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
/* 下線を消す */
a{
text-decoration:none;
}
/* 訪問色 */
a:...続きを読む

Qテーブルとテーブルの間隔について

同じサイズのテーブル縦にいくつか並べているのですが、今現在は全く隙間無くくっついています。

これを少しだけ(改行タグ<br>の半分以)間隔を空けたいのですが、どうすれば良いのでしょうか?

Aベストアンサー

一番シンプルな方法としては
<table>タグを<table style="margin-bottom:○○px">と書き直します。

Qhtml で 変数を定義できますか?

html(できればjava不使用)で変数に文字列をいれてつかう、またはそれに近いことはできないでしょうか?

例**************************
$color1="#000000"

<tr bgcolor=$color1>内容1<tr>
<tr bgcolor=$color1>内容2<tr>
****************************
みたいな感じです

Aベストアンサー

調べりゃ分かることは???だけど。

CSS2で無理やり作れば・・簡単だけど・・・
生成内容、自動番号振り、リスト ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/generate.html )
 本来はXSLTで作るほうがよいかと・・・
 <th><xsl:value-of select="parson" />の歌</th>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>サンプル</title>
<meta name="author" content="ORUKA1951">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:orika1951@hoge.com" title="send a mail" >
<link rel="START" href="../index.html">
<style type="text/css">
<!--
.parson1:before{content:"田中";}
p.age1:after{content:"36歳";}
-->
</style>
</head>
<body>
<h1>サンプル</h1>
<p class="parson1">は男の子</p>
<p class="parson1 age1">の年齢は</p>
<p>私の彼氏は<span class="parson1">君だよ</p>
</body>
</html>

調べりゃ分かることは???だけど。

CSS2で無理やり作れば・・簡単だけど・・・
生成内容、自動番号振り、リスト ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/generate.html )
 本来はXSLTで作るほうがよいかと・・・
 <th><xsl:value-of select="parson" />の歌</th>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>サンプル</title>
<met...続きを読む


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

人気Q&Aランキング

おすすめ情報