- ベストアンサー
スタイルシート
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1のmousengokeです。 ちょっとだけ訂正します。 a:link{ text-decoration:none; } a:visited{ text-decoration:none; } a:hover{ text-decoration:underline; } としておいたほうがいいでしょう。
その他の回答 (1)
- mousengoke
- ベストアンサー率50% (197/388)
a:link{ text-decoration:none; } a:hover{ text-decoration:underline; }
お礼
ありがとうございます。 早速、使うようにしました。
関連するQ&A
- マウスオーバー時の下線表示について（リンクではありません）
とある文字列に対してマウスオーバーをした際、 その文字に対してアンダーラインを施す処理をしたいのですが、 調査をしていきますと、 A:HOVER{ （中略） } という形式がほとんどです。 上記のやり方では、 HTMLで<a>タグを用いた際A:HOVERが実行されますが、 特にリンクをする必要がないため<a>タグを用いません。 <a>タグを用いずにマウスオーバー時にアンダーラインを 施すことは可能なのでしょうか？
- ベストアンサー
- JavaScript
- SEO対策 スタイルシートは必須ですか？
スタイルシートの知識が無い者です 下記の様な記述だけでも、スタイルシートに外出し しないと、SEO上不利でしょうか？ <STYLE type="text/css"> A:link {COLOR: #404040; TEXT-DECORATION: underline} A:visited {COLOR: #404040; TEXT-DECORATION: underline} A:active {COLOR: silver} A:hover { COLOR: #404040; BACKGROUND-COLOR: gold} </STYLE>
- 締切済み
- HTML
- スタイルシートのアンカー部分
スタイルシートを利用してのアンカー部分の指定についてです。 a:link {color: yellow; text-decoration: none; } a:visited {color: yellow; text-decoration: none; } a:active {color: yellow; text-decoration: none; } a:hover {color: red; font-weight: bold; text-decoration: underline; } 現在、このように記述しています。 今までは、ページ毎に<STYLE TYPE="text/css">タグを使用し、本文中に記述していたのですが、その代わりとして新たに外部読み込みのcssファイルを使用してみました。 ところが、未訪問リンクだけが反映されないのです。 青文字で、下線付きで表示されてしまいます。 未訪問以外は、bodyなども含め、きちんと反映されています。 色々試行錯誤してみましたが、全然駄目だったので、 再び本文内に書き込む形を取りました。 IE5.5で動作確認しています。 この理由及び対策を御存知の方、教えていただけませんでしょうか？
- ベストアンサー
- HTML
- スタイルシートの動作
すいません。どうしても動作が思ったように動かずに・・・ ＨＰなどを読んでも難しかったため、教えてもらえると嬉しいです。 先日聞いた事なのですが、下記を教えてもらいやってみました。 a:link, a:visited {font-size: x-small; text-decoration: none; color:#C7A17E;} a:hover {font-size: x-small; text-decoration: underline; color:#FF9966;} a:active {font-size: x-small; text-decoration: underline; color:#C7A17E;} td {font-size: x-small;} span {font-size: x-small;} body {font-size: x-small;} li {font-size: x-small;} これで、動作を確認していろいろ試してみたのですが マウスを乗せた時だけにアンダーラインがでるようにしたいのです。（マウスを乗せてない時やマウスを乗せた後、マウスをどかしたらアンダーラインはでないように。） しかし、マウスを乗せる前からアンダーラインが表示されていて、どうしたら良いかわからないので教えて下さい。順番を変えてみたりいろいろ試したのですが上手く動作しないのです。 また、表などで複雑だったりすると、ＢＯＤＹは必要かと思うのですが、 td {font-size: x-small;} span {font-size: x-small;} body {font-size: x-small;} li {font-size: x-small;} 上記のspan, Li, tdがない場合フォントサイズは 表や枠の中などで思った表示はできないのでしょうか？
- 締切済み
- HTML
- スタイルシートの記述について
例えば、文字を黒く、背景色を白くしたい場合ですが、どちらの記述が正しいですか？ (1)は兄が教えてくれたタグの書き方で、(2)はネットで見かけたタグ（CSSについて説明していたサイト）の書き方です。 カッコの違いが気になっています。 ネット検索をしたところ、(2)の形で書かれているほうが多かったです。 今は『<!-->』は、もう古かったりなどして使わない形なのでしょうか。 それとも(2)の『{}』のみの形はCSSとして使う場合なのでしょうか。 (1) <style type="text/css"> <!--P{color:#000000;}--> <!--BODY{background-color:#ffffff;} </style"> (2) <style type="text/css"> p{color: #000000;} body{background-color:#ffffff;} </style">
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートで。。
こんにちは。 外部CSSをリンクさせてCSSを反映させています。 そこで質問です。 リンク箇所には下線がでるようにしていますが、リンクのある画像にまで下線がついてしまうのです。 画像だけには適用させない、というようなタグはありますか？ ちなみにこういうのを記述してます a:link{color:#cccccc;text-decoration:none;border-bottom: #ffffff 1px dashed;} a:visited{color:#cccccc;text-decoration:none;border-bottom: #ffffff 1px dashed;} a:active{color:#cccccc;text-decoration:none;border-bottom : #ffffff 1px dashed;} a:hover{color:#cccccc ;text-decoration:none;background-color : #688999; border-bottom : #ffffff 1px dashed;} なにか回避方はありませんでしょうか？ 教えてください、よろしくお願いいたします。
- ベストアンサー
- HTML
- <style>を使わずにスタイルシートを用いたい
http://css.eweb-design.com/1104_gl.html 上記サンプルのようなスタイルシートを使いたいのですが，楽天RMSを使っているため<a style～>などしか使えません． <head>内にタグを追加することが出来ないのですが，<a style～>などでこのサンプルのようなスタイルシートを書くことは出来るでしょうか？ http://okwave.jp/qa/q2170402.html この質問とは少し違うようなので質問させていただきました． よろしくお願いいたします．
- ベストアンサー
- HTML
- ブラウザがスタイルシートを読み込みません
ホームページを作っていたのですが、ブラウザInternetExplore7ベータ（最新版）で、外部cssファイルを読み込みません。しかしhtmlタグの中に、外部スタイルシートの内容をコピーして貼り付け、スタイルオブジェクトで組み込むと読み込まれます。 ちなみに、そのときはzentai.cssという外部ファイルを作ってhead部分に以下のように記述しました。 <link ref="stylesheet" type="text.css" href="zentai.css"> 誰か読み込まない理由を教えてください、お願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシート
こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか？？？ ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html（抜粋）--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても index.html のリンク部分に下線が出てきます。 どうして消せないのかが分かりません！！！ どなたか教えてください！よろしくお願いいたします！
- 締切済み
- その他（インターネット・Webサービス）
- スタイルシート
スタイルシートを使用していたときに、ｃｓｓのしたにｘｈｔｍｌ を記述する、という形式で記述していたのですが、求めていた書式葉、反映されたんですが、css自体も表示されてしまいました。 どうすればいいのでしょう。
- 締切済み
- その他（プログラミング・開発）
お礼
重ねての回答ありがとうございます。