htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。はじめは一部のリンク箇所だけが反映されなかったのですが、訪問済みになった箇所がどんどん反映されなくなってしまい、しまいにはすべての箇所が反映されなくなりました。ただし、それはunderlineのみでfont colorやboldはしっかり反映されているのです。
これはなぜでしょうか?
ちなみにscriptの記述は一切していません。
最初は同様の記述を外部ファイルにしていたのですが
うまく読み込めていないのかと思って、htmファイル内に
記述しましたがダメだったというわけです。

<style type="text/css">
<!--
body { font-size: 10.5pt; line-height: 130%}
table { font-size: 10.5pt; line-height: 130%}
a:hover{ text-decoration: underline; color: #FF0080; font-weight: bold}
a:active { text-decoration: none}
a:link { text-decoration: none}
a:visited { text-decoration: none}
-->

アドバイスお願いいたします。

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

A 回答 (3件)

順序が良くないです。


visitedを消すのではなく、hoverを一番下に記述すれば大丈夫です。
    • good
    • 0
この回答へのお礼

順番をかえたら反映されました。
盲点でした。ありがとうございました。

お礼日時:2001/04/03 18:29

A {text-decoration: none;}


A:hover {text-decoration: underline;}

ということではないでしょうか。
    • good
    • 0
この回答へのお礼

質問の記述には省いていましたが
a:link、a:active..も個々にfont colorを
指定したかったためaのみでくくれなかったのです。
しかし、とりあえず解決しました。記述の順序がよくなかったようです。
ありがとうございました。

お礼日時:2001/04/03 18:31

a:visited { text-decoration: none}


の記述は訪問済みのリンクの下線を表示しなくするものです。
Hoverで下線表示の指定をしてもvisitedで打ち消してしまってます。
この場合a:visited { text-decoration: none} の記述を消してしまえば
意図した通りに表示されますよ。

この回答への補足

早速のご回答ありがとうございます。
a:visited { text-decoration: none} をとったら
訪問済みは下線がでてしまいます。
マウスオーバーしたときのみ下線がでてほしいのです。
そのようなサイトを見たことがあったので
なにか方法があると思うのですが..。

補足日時:2001/04/03 16:02
    • good
    • 0
この回答へのお礼

解決しました。記述の順序がよくなかったようです。
ありがとうございました。

お礼日時:2001/04/03 18:27

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

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

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

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

Qテーブル入れ子にしたらNNではダメ?

赤い背景画像を使ったHTMLにテーブルを3個入れ子で載せました。
下のテーブルのセルに白色、中のテーブルのセル色にグレー、一番上のテーブルのセルに白色を指定しました。

そこへラジオボタンをつけたのですが、本来、枠がない丸いボタンのところに赤の枠ができてしまいます。
IEでは問題ないのですが、NN4.7で確認したらこうなっていました。

デザインを変えずに回避する方法があったら教えてください。
また、NN6.*~だったらOKということはありますか?

Aベストアンサー

こんにちは!

<input type="radio" name="address" value="menber" checked style="background-color:#FFFFFF;">

と style="background-color:#FFFFFF;" を追加してください。

NN6は分かりませんが4.7と7で確認しました。

Mac 側は確認していません・・。

Qa:hoverでfont-weight:bold

a:hoverでfont-weight:boldを使用し
IEで確認すると文字と文字の間隔が空くのはバグですか?
ご存知の方いらっしゃいます?

Aベストアンサー

お聞きしたいことが幾つか。
・IEのバージョン(5~8)
・文字の間隔とは、一文字ずつ左右に空くのか、それとも上下に空くのか
これが分からないと問題の特定は難しいと思います。

また、IEは複合的な理由でバグが発生することがままあるので、
ご質問の条件だけではバグが再現できないと思われます(私の環境では再現不可能でした)
効果のありそうなバグ回避法としては、
バグの出る要素(間隔の空いてしまう文字を含んでいる要素)のスタイルに
height: 1%;
と指定してみてください(ご存知かもしれませんが)。
他のブラウザに適用したくなければ
_height: 1%;(IE5~IE6にのみ適用)
または
*height: 1%;(IE5~IE7にのみ適用)
とすると良いです。
これはIEで起こるバグをある程度回避できる魔法の呪文です。
(詳しくはアンダースコアハックとうをネットでお調べ下さい)
お役に立てば幸いです。

QNN4.7 テーブルの背景を表示出来ますか?

至急教えて欲しいのですが、ネットスケープ4.7でhtmlを確認中ですが。
テーブルへ背景を埋め込むと表示されないようです。
この現象は、NN4.7では無理なのでしょうか?
どなたか助けてくださいm(_ _)m

Aベストアンサー

NN4.7では <table bgcolor="~"> や <table background="~"> は正式にサポートされています。
(Win. Mac. 共にNN4から正式サポート)

但し、NNの仕様でテーブルの各セル内が背景以外何もない場合は背景が表示されません。

おそらく、背景が表示されていない部分は、文字も画像も入れていないのではありませんか?

そのときには、各空白のセルに相当するソース部位に「&nbsp;」(&は実際には半角です)を記述しておきます。
「&nbsp;」(&は実際には半角です)は、空白を表す特殊な記号で、ブラウザには表示されません。

Qcss:リンク画像の枠消し: a img { border:none} にしてもダメ

リンク画像に、【テキストリンクと同じスタイル】つまりリンクの背景色や枠線が適用されてしまい、困っています。

下のように、entry-bodyというクラスの a を打ち消す a img のスタイルを指定しているのですが…。(色番号は長くなるので#だけにしています)a:visited img や a:hover img も同様に指定しています。また、.entry-body img には、他のスタイル指定をしていません。

どなたかお分かりになったら助けてください!

.entry-body a { color:#; background-color:#; border-bottom:1px #;}

.entry-body a img { background-color:transparent; border-bottom:none;}

Aベストアンサー

だいぶ端折って書きますが・・・。
こちらの環境firefox2
【引用開始】
<body>

<p class="entry-body">
<a href="#">hogehgeohgoe</a>

ぱたーんいち<a href="#">abc<img src="hogege.gif">def</a><br>
ぱたーんに<a href="#"><img src="hogege.gif"></a>

</p>
</body>
【引用終り】

もし「ぱたーんいち」のようにhtmlを書いているのでしたら、abcdefの部分に<a>に設定したcssが適用されます。<a><a/>の間に<img>ありますので・・・。「ぱたーんに」なら少なくとも背景については表示されないはずです。

QIE6/NN7.1のテーブルのheight="100%"

テーブルの高さの指定 height="100%" なんですが、
IE6とNN7.1で100%で表示されません。

下記の記述に間違いはありますでしょうか?
もしかしたら初歩的な問題なんでしょうか?


ちなみにIE5.5 MacのIE5.2では表示されました。
困っています。
宜しくお願いいたします。

ーーーーーーーーーーーーーー
<table border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td valign="top">上</td>
</tr>
<tr>
<td valign="bottom">下</td>
</tr>
</table>
ーーーーーーーーーーーーー

Aベストアンサー

HTML4.01の規格(仕様)では、tableに使えるアトリビュートは、summary、align、widthです。
heightが有効になるほうが特殊だと思ったほうがよいとおもいます

QCSS {font-size:数値px}の指定について

こんにちわ。

外部CSSにて、以下のような記述を読み込んでいます。

.12 {font-size:12px}

参考書を見た所、IE6とNN7は対応と書いてありました。

WindowsXPSP2にて、IE7で閲覧した所問題ありません。
同環境にて、NN7とFirefox1.5では文字が指定しない場合と
同じ大きさで表示されてしまいました。

指定箇所は、様々でDivやFontに入れても、TableやTDに
指定を行っても表示が全く変わりませんでした。

例:<td class="12">のように

私の指定や記述が間違いなのでしょうか。

%でのフォントサイズは、環境によって拡大縮小が異なると
思い、出来るだけ数値指定で表示をさせたいです。

ご存知の方おりましたら、ご教授頂けると幸いです。

Aベストアンサー

どの程度の範囲をそのpxフォントで表示したいのかが、
わかりませんが、例えば全体のフォントサイズを12pxで固定したい場合は、<body></body>のBODYに対してCSSを定義すればそのフォントサイズになります。
CSSのソースは、
body {
   font-size: 12px;
}
こうなります。

質問者様が使われている<td class="12">のようなものは、クラスと言って、繰り返し使うであろう、特定のタグに対してのサイズ指定となります。

前述した<body>に対してのCSS設定は全てに対してのフォントサイズ固定ですが、<body></body>内にある他の要素のフォントサイズを変更したい場合は質問者様の方法で指定できます。
参考URLにお勧めCSS学習サイトを記載致します。
ご参考になりますと幸いです。

参考URL:http://www.stylish-style.com/index.html

QNNでテーブルの枠線(BORDER)の設定は?

NN6です。
BORDERを使用したいのですが、NNではうまくいきません。
<TABLE>タグにあてはめるとだめだときいたので、TDにあてはめようとしているのですが…。

HEAD内で
TDにBORDER-STYLE="SOLID; BORDER-COLOR:GRAY;"
としました。これをTD CLASS=***
としているのですが、一向に線は出てきません。
どのように直せばいいのでしょうか?

Aベストアンサー

とりあえずダブルクォーテーションは不要なので削除しましょう。

BORDER-STYLE=SOLID; BORDER-COLOR:GRAY;

それでも出なかったらボーダーの太さも明記しておきましょう。

BORDER-STYLE=SOLID; BORDER-COLOR:GRAY;BORDER-WIDTH:1pt;

Qcssで body{margin: 0 0 0 0;}と記述するとそれ以下のタグでは・・

お世話になります。
body { margin: 0 0 0 0;}
cssファイルに上記のように記述されているとしたら
bodyのなかに書いてあるpタグにも適用されるのでしょうか?

教えてください。お願いします。

Aベストアンサー

★『BODY』タグの属性にある『LEFTMARGIN』や『TOPMARGIN』がスタイルシートの
 『margin:0 0 0 0;』で変えられるだけです。他のタグに影響はありません。

●スタイルシート部
body{ margin: 0px; }
#Kind p, #Kind h1{ margin: 0px; }

●HTMLソース
<BODY>

<H1>サンプル1</H1>
<P>サンプル2</P>

<DIV ID=Kind>
<H1>サンプル3</H1>
<P>サンプル4</P>
</DIV>

</BODY>

説明:
・上記の DIV で囲まれた H1、P はマージンが 0px になりますが、それ以外の H1、P のタグは
 マージンが 0px になりません。使い分けるには、上記のように ID を使うか、CLASS の指定を
 すれば出来ます。
・サンプル1→マージン 0px にならない(既定値)
・サンプル2→マージン 0px にならない(既定値)
・サンプル3→マージン 0px になる(kind)
・サンプル4→マージン 0px になる(kind)
・以上。おわり。

★『BODY』タグの属性にある『LEFTMARGIN』や『TOPMARGIN』がスタイルシートの
 『margin:0 0 0 0;』で変えられるだけです。他のタグに影響はありません。

●スタイルシート部
body{ margin: 0px; }
#Kind p, #Kind h1{ margin: 0px; }

●HTMLソース
<BODY>

<H1>サンプル1</H1>
<P>サンプル2</P>

<DIV ID=Kind>
<H1>サンプル3</H1>
<P>サンプル4</P>
</DIV>

</BODY>

説明:
・上記の DIV で囲まれた H1、P はマージンが 0px になりますが、それ以外の H1、P のタグは
 マージンが 0px ...続きを読む

QIE(5.5)とNN(4.7)のフォントサイズについて。

フォントサイズがデフォルトのままだと、IE(5.5)とNN(4.7)とではフォントサイズが違うのです。
IEの方でフォントサイズを「小」にするとNNと丁度良いサイズになるので、
IEでアクセスしたときには強制的にフォントサイズを「小」に変更することなど出来ませんでしょうか?
CSSで「12px」とかにしたんですけど、やはりIEでサイズが「中」になっていると
微妙にサイズが違ってしまうのです。
また、テーブル内のフォントのサイズも同じように変更したいのでNNに対しては融通が利かないのです。
なにとぞお知恵をお貸しくださいませm(_ _)m

Aベストアンサー

これはJavaScriptとの併用である程度解決つきます。
ブラウザによって使用するCSSファイル(この場合は外部ファイルにします。拡張子『.css』)を用意し、<head>~</head>タグ内にブラウザの判別のスクリプトを書く形です。

IE用とNN用で別々のCSSを用意する事によって、かなり近い状態で表示されるはずです(それでもWindows/Mac、他のバージョンを考えると完全に一致させる事は至難の技ですが・・・)。

JavaScriptでのブラウザ判別については、ここの『JavaScirpt』の方で見つかったので、そのリンクを。

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

Qん?font-size: 100.1%

あるサイトのCSSを覗いてたら
font-size: 100.1%と記述。

何か深い意味があるのでしょうか?

Aベストアンサー

100.01%がよく使われてますね。
古いOperaでbodyに100%を指定すると子孫要素の文字サイズが小さくなってしまいます。IE6ではem指定でフォントを指定した場合に文字が大きくなったり小さくなったりしてしまいます。100.01%とするとこの問題がなくなります。


人気Q&Aランキング

おすすめ情報