• ベストアンサー

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

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

質問者が選んだベストアンサー

  • ベストアンサー
  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.3

極度の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/

その他の回答 (2)

  • 1E-9
  • ベストアンサー率51% (22/43)
回答No.2

スタイルシートにあるオーバーマウスの設定のせいのようです。 A:hover{ border-width:1px; border-style:dotted; border-color:#FF6666; } border-style:dotted;を外せば動かなくなります。 ロールオーバーの際に枠線の分だけ広がるので入りきらなくなるのではないでしょうか。

回答No.1

<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"> としてみたらどうでしょうか?駄目だったらごめんなさい!

関連するQ&A

専門家に質問してみよう