- ベストアンサー
リンクのスタイルシートについての質問
- スタイルシートを作成したリンクが意図した動作をしていません。
- 動作確認はIE６で行っていますが、リンクにマウスをのせると箱が上下に動いてしまいます。
- リンクにマウスののせても箱が上下に動かないようにしたいです。
- ホームページ作成ソフト
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1です。補足見ての回答。もう一度やってみたら？ どんなHTMLか知りませんが、不具合になったら 毎回、別の環境で単純なHTMLを書いてテストする事。 過去のソースは一旦忘れて新規ローカル環境で下記を試してみたら？ こんなCSSで、そんな、ビックリ箱みいたいに動くわけがないｗ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <style type="text/css"><!-- a.menu01{ text-decoration:none; text-align: center; border:#FFF solid 1px; background:#DACD96; width:280px; font-size:15px; font-weight:bold; color:#FFF; padding:5px !important; display:block; letter-spacing: 5px; margin-bottom:10px; } a.menu01:active { text-decoration:underline; } a.menu01:hover { color:#AA8B62; background:#FFF; } --></style> </head> <body> <div > <p style="padding:5px; border: 1px solid red"> <a href="" class="menu01" style="border: 1px solid blue">ハロー</a> </p> </div> </body> </html>
その他の回答 (1)
- naokita
- ベストアンサー率57% (1008/1745)
別場所に a:hover {padding:10px 0}とかあるとか・・・ head内とか別リンクでCSSがあるかも。 a.menu01{ text-decoration:none; text-align: center; border:#FFF solid 1px; background-color:#DACD96; width:280px; font-size:15px; font-weight:bold; color:#FFF; padding:5px !important; display:block; letter-spacing: 5px; margin-bottom:10px; } a.menu01:active { text-decoration:underline; } a.menu01:hover { color:#AA8B62; background-color:#FFFFFF; }
補足
回答ありがとうございます。 色々試してみましたが、どうやらIE6ではうまく動作しない ようです。あきらめてほかの表現をしたいと思います。 ありがとうございました。