cssのことについて教えてください。ソース<td width=”50%” rowspan=”3” valign=”top” class=”setubiphotoarea”><a href=”#”><img src=”images/o1.jpg” width=”160” height=”100” border=”0” class=”setubiphoto” ></a></td>



CSSでa:hoverの時にボーダーの色を変えたいんですが、IE6では色が変わりません。classにfloat:leftを指定してまして、これが影響しているみたいなんですが、うまくいきません。どなたか詳しい方、回避方法を教えていただけませんか?CSSは以下のとおりです。
#table4 .setubiphoto{
padding: 0px;
display: block;
float: left;
margin: 0px 0px 30px 3px;
}
a:link img.setubiphoto{
border: 1px solid Gray !important;
}
a:visited img.setubiphoto{
border: 1px solid Gray !important;
}
a:hover img.setubiphoto{
border: 1px solid #FF8C00 !important;
}
a:active img.setubiphoto{
border: 1px solid Gray;
}

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/12/21 22:01:03
  • 終了:--

回答(3件)

id:sd9to No.1

sd9to回答回数16ベストアンサー獲得回数02004/12/21 22:06:40

ポイント20pt

URLはダミーです

a:xxxx の記述が間違ってますよぉ

誤:

a:hover img.setubiphoto {

正:

img.setubiphoto a:hover {

id:moriamko44728

ありがとうございます。

たいへん助かりました。CSS初心者なもんで。

2004/12/22 22:14:53
id:sd9to No.2

sd9to回答回数16ベストアンサー獲得回数02004/12/21 22:10:04

ポイント20pt

ごめんなさい、さっきのまちがいでした。

正しいのはこちらです。

td.setubiphotoarea a:hover {

クラスはAタグの外に書くので・・。

クラスsetubiphotoarea のなかの a:hoverの指定という意味です。

id:smoking186 No.3

186回答回数74ベストアンサー獲得回数62004/12/22 03:57:02

ポイント40pt

http://186.bz/hatena/20041222/

はてな20041222_test

回避した例を置いておきます。

ソースの方に修正部が載っていますが、一応再掲ということで。

img.setubiphotoをブロック要素にして左フロートするのではなく、aをブロック要素にして左フロートすると回避できました。

IE6でこの現象が起こる理由は、ちょっと分かりません。

----以下css----

#table4 {

border: 1px solid silver;

}

#table4 img.setubiphoto{

padding: 0px;

/* display: block; */

/* float: left; */

/* margin: 0px 0px 30px 3px;*/

}

.setubiphotoarea a {

display: block;

width: 160px;

height: 100px;

margin: 0px 0px 30px 3px;

}

.setubiphotoarea a:link {border: 5px solid Gray !important;}

.setubiphotoarea a:visited {border: 5px solid Gray !important;}

.setubiphotoarea a:hover {border: 5px solid #FF8C00 !important;}

.setubiphotoarea a:active {border: 5px solid Gray;}

----以上css----

id:moriamko44728

なるほど、相すればいいんですね。

コーディングもミスしてたんですが、大変勉強になります。試してみたところうまくいきました。

本当にありがとうございます。

2004/12/22 22:16:43
  • id:sd9to
    ごめんなさい

    間違った解答を登録したようで、ほんとにすみませんでした。
    ポイントはお返ししておきました。

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません