- ベストアンサー
リンクポイント時に背景色をつけてサクサク表示させたいのですがうまくいきません
リンクポイント時に背景色をつけるタグ <STYLE><!-- A:HOVER{background-color : #fecd0c;}--></STYLE> を使ってＨＰを作ってますが、表示したところ素早いカーソルの動きに対応しきれず、サクサクリンクの背景色が表示されません。 あるページでサクサク表示されるのですが、ページソースをみても特にタグの違いがわからずなぜここだけサクサク動いているのかわかりません。 ちなみにサクサク動いている方がページのサイズは重いのですが・・・ どうか改善策をご教授ください。宜しくお願い致します。
- invector
- お礼率100% (1/1)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
これではどうでしょうか？ ↓ ↓ ↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>サンプルページ</title> <style type="text/css"> <!-- a:link { color: #333333; } a:hover { color: #333333; background-color : #fecd0c } --> </style> </head> <body> <p><a href="http://www.yahoo.co.jp/" target="_blank">ヤフーに飛びます</a></p> </body> </html>
関連するQ&A
- 画像リンクの背景色を１つ１つ指定する。
画像にリンクを張り、その画像に触れたときに、画像の透過されている部分の背景色が変わるようにしたいのですがタグがわかりません。 前に一度やったことがあるのですが、そのときのソースを消してしまってわからなくなっているので困ってます。 <a href="xxx.html" style="a:hover background:#ff0000"><img src="xxx.gif" border="0"></a> ↑こんな感じだったようなきがします。（あまり記憶にさだかではないのですが。） 全体的にリンクの背景色をしていするスタイルシートはわかるので、そうではなくページ内にあるリンク一つ一つの背景色を指定する方法が知りたいです。よろしくおねがいします。
- ベストアンサー
- HTML
- HPの背景や、リンクの文字色を変えたりしたら・・・
HPの背景やリンクの文字色を変えてFFFTPでアップしたのに、ブラウザでは変わっていません。 テキストエディタの確認では変わるのですが・・・。 キャッシュのクリアもしましたが、なにも変わりません。 タグの問題ですか？ <html> <head> <title>profile</title> <STYLE type="text/css"> <!-- a{text-decoration: none} a:hover{color:hotpink ; font-size:35pt} body{background-image:url(○○.bmp) ; background-attachment:fixed} --> </style> </head> と、タグはこんな感じですが・・・。
- ベストアンサー
- HTML
- 背景画像にリンク
背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 （IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）
- 締切済み
- HTML
- リンクの線を消してもう一度表示したい。ところが・・・。
DTIでブログを作成している者です。 「リンクの下線を消して、ポイントしたときだけリンクの線が出るようにしたい」と思っています。 リンクの線を消すには、 <STYLE TYPE="text/css"> <!-- A { text-decoration:none } --> </STYLE> と入力すればよいとHTML辞書に書いてありました。 リンクをポイントしたときに下線が出るようにするには、 <STYLE TYPE="text/css"> <!-- A { text-decoration:none } A:hover {color:#FF0000;text-decoration:underline;} --> </STYLE> とタグを打ち込めばOKと書いてありました。 ここで、「リンクの下線を消してポイントだけ表示させる」ため、上記の二つ目のタグを打ち込んで文章を書き、リンクを作ったのですが、「リンクの下線を消して、ポイントした時だけ」という形では表示されません。（プレビュー画面ではちゃんとそうなっているのですが、その後ブログ上で見ても、下線もなければ、ポイントしても下線が出てきません。IEでもスレイプニルでも同じです。）正しくはどうやればいいのでしょうか？ あと、リンクごとによって「ポイントする前の最初の文字の色」を変更したいのですが、どのような順序でやればよいでしょうか？例えば最初ピンク色に設定したとして、その文章をリンクすると青文字になってしまいます。その場合、青色になった箇所のソースで、その単語の直前に<FONT color="#ff00ff">のタグを打ち込む、というやり方であってますか？教えてください！
- 締切済み
- その他([技術者向] コンピューター)
- html リンク文字の背景色について
<style type="text/css"> <!-- a:link { background-color :#000000; } --> </style> こんな感じでリンク文字に背景色をつけているのですが、 その背景色の縦幅・横幅はどうやったら指定できますでしょうか。 教えてください。
- 締切済み
- HTML
- リンクの格好をよくしようとしたら…画像まで
リンクをしている字の上にカーソルをもってきたら字のテキストカラーと下線が着いて、背景に色が付くように、下のような設定を見よう見まねで作って、テキスト文字は思うようになっています。 でも、画像にリンクを付けたものはインターネットエクスプローラーでみると、正常なのですが、ネットスケープでみてみると、ほとんどの画像が消えて、一部分だけ帯のようにバックグランドカラーがでて、そこだけ画像の部分が表示されます。この設定だったら、画像にリンクを張れないので困っています。 A:HOVER {text-decoration: underline; position:relative; top:1; left:1; color: #ff0000; background-color : #fee8e2; background-repeat : repeat; }
- ベストアンサー
- ホームページ作成ソフト
- 写真素材の背景
写真素材の背景で、例えば右下に表示するためのタグがありますよね？ それって↓ <STYLE type="text/css"> <!-- BODY { background-image : url("素材URL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; background-color:背景色; } --> </STYLE> でいいんですか？？↑で何度かやってみたんですが、ちゃんと右下に表示されません。
- 締切済み
- その他（インターネット・Webサービス）
- ホームページビルダーＶ９での背景固定について
ホームページビルダーＶ９を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>
- 締切済み
- ホームページ作成ソフト
- ホームページ上のリンク文字の色を変える方法
以前に同じ質問内容が掲載されておりましたので（http://oshiete1.goo.ne.jp/kotaeru.php3?q=169797）、ご回答の通り設定をしたのですが結果がうまくいきません。どなたか、原因を教えて下さい。前回質問者と同様ホームページビルダーV6.5を使用しております。 ・・・・・・・・・・・・・・・・・・・・・・ 【ページ編集】タグにリンクする文字を黒で入力しました。 リンク設定後【ページ編集】タグの色が黒から青にかわり【プレビュ】タグでは「紫」が表示されていました。 私の色の希望はリンク文字は黒、ポインタが触れると赤です。 ここで【HTMLソース】タグの</TITLE>の後に以下を貼り付けました。 <STYLE TYPE="text/css"> <!-- A:link { color: #000000;} A:hover { color: red;} --> </STYLE> その結果、【ページ編集】タグのリンク文字は黒だったのですが、肝心の【プレビュ】タグを見ると、リンク文字は「紫」ポイントすると「赤」です。 他の色で試してみたのですが【プレビュ】タグを見ると、リンク文字は「紫」を表示します。 長々な質問内で申し訳ございませんが、この原因をどなたか教えてください。 よろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- プルダウンリストの背景色の指定
お世話になります。 現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。 <select> <option style="background-color: #FF0000;">サンプル1</option> <option style="background-color: #00FF00;">サンプル2</option> <option style="background-color: #0000FF;">サンプル3</option> <option style="background-color: #FFFFFF;">サンプル4</option> </select> このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され、背景色が#0000FFになるようにしたいのですが、 上記のままだと、IEでは背景色も変化しますが、firefoxですとプルダウンリスト内に「サンプル3」と表示されても背景色は白のままです。 IEとおなじ動きになるようにするには、どうしたらよいでしょうか。 ちなみに、 <select style="background-color: #FF0000"> にすると、IE、firefoxともにプルダウンリストの背景色が変更できたので、javascriptでoptionのvalueをとり、それをselectのstyleに設定できれば。。。 と考えたのですが、javascriptはほぼ無知なので、上記の方法でも解決できずでした。 簡単に解決できる方法などございますでしょうか。 もしくは、javascriptで解決できますでしょうか。 どうぞ宜しくお願いいたします。
- ベストアンサー
- HTML
お礼
ご回答ありがとうございました。 サクサク表示されるページもありましたがそうでないページもありました。ページを細かく区切るとサクサク表示されるかんじだったのですが サクサク表示できるようにみなさんこういう風に表なんかで区切ってらっしゃるのでしょうか？区切ってもサクサクいかないページもありましたのでタグだけの問題ではなく、他にも原因があるんでしょうか？？ このたびは本当にありがとうございました。