googleのロゴにマウスを置くと・・・

質問

googleのロゴにマウスを置くと一列に横並びになっているロゴ、入力フォーム、google検索ボタンが縦に並んでしまいます。説明しづらいのでお手数ですが下記URLから見てお分かりの方いらっしゃいましたらどなたかお願いします。
http://www.n-jek.com/google_test.htm

回答No.3

MAN_MA_RUI · ベストアンサー

極度のIE依存デザイン…。個人のものはともかく、公益性の高いWebサイトは環境互換性に配慮すべきです。
アクセシビリティの面からもなるべく複数の環境で動作確認をしたほうがいいでしょう。

CSS
a img {
border:none;
}
a {
border-width:1px;
border-style:dotted;
border-color:#FFFFFF;
}
form a {
border-width:1px;
border-style:dotted;
border-color:#686888;
}

HTML
111行目
<TABLE cellspacing="0" cellpadding="0" style="border:dotted #fe7c56 " width="100%">
142行目
<TR bgcolor="#686888">
160行目
<TD bgcolor="#666888">

せめてコレくらいは…。

参考URL：

http://www.mozilla-japan.org/,http://www.jp.opera.com/

回答No.2

1E-9

スタイルシートにあるオーバーマウスの設定のせいのようです。
A:hover{
border-width:1px;
border-style:dotted;
border-color:#FF6666;
}

border-style:dotted;を外せば動かなくなります。
ロールオーバーの際に枠線の分だけ広がるので入りきらなくなるのではないでしょうか。

回答No.1

kirin_beer

<IMG src="http://www.google.com/logos/Logo_40wht.gif"
width="62" height="26" alt="Google" align="absmiddle">

を

<IMG src="http://www.google.com/logos/Logo_40wht.gif"
border="0"
width="62" height="26" alt="Google" align="absmiddle">

としてみたらどうでしょうか？駄目だったらごめんなさい！