ベストアンサー

オンマウスについて。

2005/12/09 15:09

[FrontPage2003]でホームページを作成しています。(JavaScript使用）リンク文字にマウスのポイントをのせると、黒から青に文字が変わるようなスクリプトを作りたいのですが、下記のものだと適応されません。ご指導よろしくお願い致します。 <STYLE type="text/css"> A:hover{color:0000cd} A{text-decoration:none} TD{font-size:10px} BODY{font-size:10px} </STYLE>

britney_spears
お礼率23% (7/30)

ホームページ作成ソフト
回答数4
ありがとう数3

みんなの回答 （4）
専門家の回答

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

ベストアンサー

sa_ya07
ベストアンサー率36% (49/136)

2005/12/09 16:40 回答No.3

>このままコードのトップに入れるんでしょうか？他のスクリプトを挟むんでしょうか？という意味が今ひとつよく分からないのですが...。とりあえずメモ帳等に以下のソースをそのままコピペして、ブラウザで見ていただければ適応されていると思うのですが・・・？ <html> <head> <STYLE type="text/css">  </STYLE> </head> <body> <a href="aa.html">リンク</a> </body> </html>

質問者

補足 2005/12/09 17:22

下記のスクリプトを使ってみました。”リンク”の部分には何が入るのでしょうか？このまま使うと、「リンク」の文字が青くなり、他のリンク文字には適応されませでした。 <html> <head> <STYLE type="text/css">  </STYLE> </head> <body> <a href="ProjectManagement.html">リンク</a> </body> </html>

その他の回答 (3)

sa_ya07
ベストアンサー率36% (49/136)

2005/12/09 21:00 回答No.4

失礼ですが、CSSではなくて、HTMLタグ自体のご理解をされてらっしゃらないように思われます。他のリンク文字、と書かれておられますが、それにアンカータグは付けておられますか？この機会に参考URL等でHTMLタグについて勉強されてみてはいかがでしょうか？

参考URL：: http://www.tohoho-web.com/www.htm

質問者

お礼 2005/12/12 10:33

色々と回答してくださってありがとうございました。おっしゃる通り少し勉強が必要だと思います。

sa_ya07
ベストアンサー率36% (49/136)

2005/12/09 15:37 回答No.2

<STYLE type="text/css">はHEAD内に記述しないと機能しませんよ。きちんとHEAD内に記述していれば＃１さんのソースで、 britney_spearsさんがやられたいことは可能だと思うのですが。

質問者

補足 2005/12/09 16:08

下記のスクリプトでよろしいのでしょうか？入れてみましたが、機能しないのは、やはり場所なんでしょうか？このままコードのトップに入れるんでしょうか？他のスクリプトを挟むんでしょうか？ <head> <STYLE type="text/css">  </STYLE> </head>

tessyu
ベストアンサー率53% (59/110)

2005/12/09 15:14 回答No.1

<STYLE type="text/css">  </STYLE> これをコピペしても駄目ですか？

質問者

補足 2005/12/09 15:24

駄目みたいです。すいません、ド素人なもので、スクリプトを入れる場所によって、機能するとかしないとかあるんでしょうか？

関連するQ&A

CSSの文字指定
<style type="text/css"> </style> 上部はcssのリンクですが、これに加えて文字のサイズ指定とフォントのフェイス指定もしたいです。たとえば、MSゴシック,平成角ゴシックなど。どう加えればよいですか？ <style type="text/css"> font:16px "ＭＳＰゴシック",平成角ゴシック,</style>とやってもダメでしたと
- ベストアンサー
- HTML
スタイルシートでオンマウスで下線を表示させないには
以下のような外部スタイルシートを作ったのですがうまくいきません。 p.menu a{ font-size: 12px; } p.menu a:link{ text-decoration:none } p.menu a:visited{ text-decoration:none; } p.menu a:hover{ text-decoration:none; } p.menu a:active{ text-decoration:none; } noline a{ text-decoration:none; } 以下はHTMLの抜粋です。 <noline> <TR> <TD>●<a href="http://www.hogehoge.net/" style="text-decoration:none" target="_blank"><font color="black" onMouseover="this.color='#ff8800'" onMouseout="this.color='black'">ああああ</font></a></TD> </TR> </noline> 結局外部スタイルシートを使わずにWEBPAGEを作成しましたがとても手間がかかりました。今後のために原因を知っておきたいので宜しくお願いします。
- ベストアンサー
- CSS
CSSについて
カーソルがルンク先文字にふれた時に色が変わり、リンクしたあとリンク済みになるCSS( スタイルシート)はこれでいいでしょうか？リンク済みの色が変わりません。  <style type="text/css"> </style>
- ベストアンサー
- HTML
cssにおけるフォントの大きさの制御と外部ファイルについて
現在多くの方々に見ていただけるようなホームページをと思って自分のページを制作しているのですが、フォントの大きさのことで困っています。通常のIEではデフォルトでフォントを表示すると非常に大きな文字になるので-1のフォントを使用しています。しかしNNだと（特にお年寄りには）見づらいページになってしまうような感があります。そこでスタイルシートでIEでもNNでもMacでもWinでも10ptの文字にして、文字にふれたときに下線がつくなどの処理をしました。 <style type="text/css">  </style> しかし、全く見られないなど（おそらくブラウザのバージョンにも依存するのだと思いますが）の意見もあり、困っています。個人的には一番いい形で見てほしいし、多くの人にも見てもらいたいのでどうすればいいだろうと悩んでいます。そこでご存じの方に教えていただきたいのですが（1）あまり負担にならない程度にそれぞれのマシンごとの識別させたい、もしくは、対応できないブラウザの場合は、通常のデフォルトサイズのフォントで見てもらうようにする方法はないでしょうか？（2）cssやjavascriptなどは外部ファイルとしてhtmlファイルからリンクさせることが可能かと思いますが、実際の場合、htmlに埋め込む場合とリンクする場合で何か変わってくることはあるのでしょうか？（ひょっとして、複数のファイルにスタイルやスクリプトを適応させることができるというぐらいのメリットなのでしょうか？）お手数おかけしますがよろしくお願いいたします。
- ベストアンサー
- HTML
テーブルの上に余白ができてしまいます
パソコンから見たときはなんともないのですが、携帯から見ると大きい余白がでてしまって困っています。解決方法を教えていただけませんか？それと、できれば下記のHTMLの添削をしてもらいたいです。 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=shift_JIS"> <style type="text/css">  </style> </head> <body bgcolor="#FFFFFF" link="#000000" vlink="#000000" alink="FFFFFF" text="#000000"> <center> <Table style="margin:-84px 0px 0px 0px" border="0" bgcolor="#336666" cellpadding="10"><tr><td> <div align=center><font size="2">タイトル</font></div> <font size="1"><font color="#000000">本文</font> </body></html>
- 締切済み
- HTML
CSSの優先順位
CSSを一部適用しない部分を設定したいのですが方法が分かりません。もしかすると、私のやりたいことはCSSの順位付けかもしれません。 ▼基本▼ a:link {color:赤;text-decoration:none;} a:visited {color:青;text-decoration:none;} a:hover {color:黄;text-decoration:none;} a:active {color:緑;text-decoration:none;} ▲基本▲ 一方、下記のテキストには上記CSSの効果はいらないです。ここのテキストはリンクを貼っても文字の色（基本色：黒）を変化させず、下線もつけたくありません。 <td style="border:1px solid gray;" onmouseover="this.style.backgroundColor=紫" onmouseout="this.style.backgroundColor=白">ホーム</td> 「基本」を記述をすると、もちろんリンクをつけたすべてのテキストに適用されてしまいます。しかし「基本」を一部適用したくない場所に不適用とすると下線とかも勝手につきますよね。 2番目に優先させるものとして↓を記述すべきですか？ a:link {color:黒;text-decoration:none;} a:visited {color:黒;text-decoration:none;} a:hover {color:黒;text-decoration:none;} a:active {color:黒;text-decoration:none;} そもそも優先順位のつけかたが分からないのですが…。色々考えましたが、何をすべきか分かりません。よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
ｃｓｓの外部ファイルでのリンクの装飾
学校の課題で今ＨＰを作っています。外部ファイルでリンクの装飾をしようとしているのですが、検索してもＨＥＡＤ内に組み込むタイプのタグしか出てきませんでした。 <Style Type="text/css">  </Style> ↑このようなものを外部ファイルの場合はどう書けばいいのでしょうか？つまり↑の内容（リンクの装飾）を↓のような形式に書き換えたいということです。 #title{ font-size:24px; font-weight:bolder; font-family:Arial; } わかりづらくて申し訳ありませんが、どなたか詳しい方いましたらよろしくお願いします★
- ベストアンサー
- HTML
次のスタイルシートにおいて
<style type="text/css">  </style> a:linkなどがA:linkになっているものを見かけますがaを小文字で書くよりも大文字で書くほうが望ましいのでしょうか？特にxhtml1.1の観点から教えてください
- ベストアンサー
- Flash
外部スタイルシートについて・・・
外部スタイルシートを書きたいのですが、まだ良くわかってない点があるので教えてくださると嬉しいんですが・・・（ＴＴ）今はＨＴＭＬのヘッダ内に書いております。 <style TYPE="text/css"> </style> Ｑ１，上の部分は外部スタイルシートにすると、いらないのでしょうか？Ｑ２，下の部分は外部スタイルシートにしてもスタイルシート内に、書く事ができますか？書くと不具合の原因になるのでしょうか？  </style>
- ベストアンサー
- HTML
外部ＣＳＳをかくには。
ＨＰのページひとつひとつにいちいちスタイルシートをかいていくのが面倒になったので外部ＣＳＳでまとめてしまおうと思ったのですが、上手くいきません。ちなみにこうかいております↓ <STYLE TYPE="text/css">  </STYLE> <style type="text/css">  </STYLE> <STYLE TYPE="text/css"></STYLE> <style type=text/css></style> <style></STYLE> どこか悪い点がありましたら教えてください。
- ベストアンサー
- HTML

オンマウスについて。