締切済み

CSS ある場所だけリンク時に下線表示

2003/06/25 18:22

タイトルの通りなのですが、ページ全体ではなく特定の場所のテキストリンクにオンマウスしたら下線が表示されるようにしたいんです。スタイルシートの書き方にとまどっており、 <div style="～"> で始めて </div> で閉じ、 a:link {color: #ffffff; text-decoration: none} a:hover {color: #ffffff; text-decoration: underline} を使うところまではわかるのですが…。どなたか正しい記述を教えていただけないでしょうか？

applegirl
お礼率28% (14/49)

HTML
回答数3
ありがとう数2

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

みんなの回答

kagari_t
ベストアンサー率0% (0/1)

2003/08/05 12:32 回答No.3

kirishima_m
ベストアンサー率63% (7/11)

2003/06/26 03:22 回答No.2

<head>～</head>内に以下のように書き込みます。 <STYLE TYPE="text/css">  後は、bodyタグ内の、リンクに下線を付けたい場所を <span class="u"></span> ではさみます。 <div>でもいいですが、<span>の方が前後に改行が入らないので使い勝手がいいです。ここではクラスを「u」としましたが、ご自分で分かりやすい適当な名前で。 WIN98+IE5.5でしか確認していないので自信はありませんが…

kosa
ベストアンサー率25% (379/1464)

2003/06/25 19:17 回答No.1

関連するQ&A

同ページ内のリンク下線が消えない
スタイルシートにて、ホバーとアクティブ以外はリンク線が出ないようにしています。通常は問題ないのですが、同ページ内にリンク先があり、一度クリックすると下線が表示されたままになってしまいます。同ページ内リンクが複数あり、それらをクリックするとクリックした分のリンク線が表示されたままになってしまい、困っています。 IEですと問題ないようなのですがChromでこうなってしまいます。下記のように記述してあります。お知恵を拝借できますでしょうか。 a:link { text-decoration:none; color:#333333; } a:visited { text-decoretion:none; color:#333333; } a:hover { text-decoration:underline; color:#3333FF; } a:active { text-decoration:underline; color:#3333FF; } a{ text-decoration:none; }
- ベストアンサー
- CSS
リンクの下線と文字の間隔を開けるには
ブログでやりたいんですが、教えてください。調べてみると、padding-bottom: px らしいんですけど、うまくいきません。リンクの部分は次のような記述（ライブドア）になっているんですが、どう書き換えればいいのでしょうか。 a{color:#666;text-decoration:underline;} a:link{color:#666;text-decoration:underline;} a:visited{text-decoration:underline;} a:active{} a:hover{background-color:orange;text-decoration:none;} よろしくおねがいします
- ベストアンサー
- HTML
リンクの下線を破線にしているのですが…
リンクの下線を破線にするスタイルシートを使用しているのですが、通常の左寄せや<center>タグで囲ったテキストでは正常に動作するのに、 <div align="right">または<p align="right">で囲った右寄せのテキストには破線が表示されません。どうすれば表示されるようになるでしょうか。私が使用しているスタイルシートは以下の通りです。 <style type="text/css">  </style>
- ベストアンサー
- その他（インターネット・Webサービス）
CSSで指定したリンクのみに下線
現在CSSを使ってHPを作成しています。全体的にはリンクには下線を引かないように下記のように指定しました。 a:link{color:#523e35;text-decoration:none;} しかし、リンク色とテキスト色を同じにしたいので同じにしましたがどこにリンクが貼ってあるのか分かりません。とりあえず、ホームページ内メニューの部分のみはリンクが張ってあるか把握できるようメニューのリンク部分だけにでも下線を引きたいのです。試しに .menu_line { text-decoration: underline; } 上記をつかって<div class="menu_line">でメニューを囲ってみるとリンクの部分ではなく、テキストの部分にのみ下線がひかれてしまいました。いったいどう指定すればメニューの部分のリンクにのみ下線を引くことができるでしょうか…。ご存知の方がいれば教えていただきたいです。よろしくお願いします。
- ベストアンサー
- HTML
CSSでリンクの表示をテキストと画像で変えたい
CSSを使って、・テキストのリンクのときは、 a:link　で　常に点線のアンダーラインを表示 a:hover　で　マウスを重ねたとき色を変える・画像のリンクのときは、　アンダーラインをださない　a:hoverの動作をさせないという風にしたいのですがうまくいきません。 a:link { color: black; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; } a:hover { background-color: black; text-decoration: underline; color:white; } といった指定をして、テキストからのリンクに適用しています。そのうえで、画像には上記の設定が生きないようにしたいと思っていますがうまくいきません。 .bordernone { border: none; } と書いて、リンクの画像に <img src="image/xx.jpg" class="bordernone" style="border-style:none"> などとしてもうまくいきません。よろしくお願いいたします。
- ベストアンサー
- CSS
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サービス）
CSS：スタイルシートでテキストリンク
教えてください！！外部ファイルのスタイルシート（ＣＳＳ）を使って、各ページへジャンプするテキストリンクをマウスオーバー時に太字になるように設定しています。ＩＥ6.0では問題なく起動していますが、ＮＳ7.1,Firefox1.0では、機能していません。何か対処方法はないでしょうか？ ↓私の記述は以下の通りです↓ 【外部ファイルへのリンクの記述】 <link rel="stylesheet" type="text/css" href="../menu.css" title="menu" /> 【外部ファイル内のＣＳＳの記述】 .menu { font-family: "ＭＳＰゴシック", Osaka; font-size: 12px; font-style: normal; line-height: 14px; color: #FFFFFF; text-decoration: none; } .menu a:link { color: #FFFFFF; text-decoration: none; } .menu a:visited { color: #FFFFFF; text-decoration: none; } .menu a:hover { color: #FFFFFF; font-weight: bold; text-decoration: none; } .menu a:active { color: #FFFFFF; font-weight: bold; text-decoration: none; }
- ベストアンサー
- その他（プログラミング・開発）
マウスを重ねたら下線が出る
マウスを重ねたら下線が出るようにしたいのでこちらタグを改造してもらえませんか？ <a href="" style=text-decoration:none;a:hover:text-decoration:underline>test</a>
- 締切済み
- HTML
CSS外部呼び出し
今ジオシティーズでスタイルシートの外部呼出しをやってみたんですが、いくつか繁栄されないものがあるんですが、記述で間違っている所がありましたら直していただきたいのです。 A { text-decoration: none; } A:visited {text-decoration:none} A:link {text-decoration:none} A:hover {color:red; text-decoration:underline} P { font-size: 12pt; } Body,Td {line-height:15pt;} Body {scrollbar-arrow-color: #000000; scrollbar-face-color: #ffffff;scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #000000} これに更に A:link { color: blue; } A:visited { color: #8080FF; } A:hover { color: #FFFF00; } A:active { color: red; } を足したいのですが、可能でしょうか？
- ベストアンサー
- CSS
CSSについて
カーソルがルンク先文字にふれた時に色が変わり、リンクしたあとリンク済みになるCSS( スタイルシート)はこれでいいでしょうか？リンク済みの色が変わりません。  <style type="text/css"> </style>
- ベストアンサー
- HTML

CSS ある場所だけリンク時に下線表示

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

CSS ある場所だけリンク時に下線表示

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録