WordPress.org

1. hi-Roki
   メンバー
   1 年前の投稿 #

   以下のテンプレートを使用しているのですが、

   TechLand 1.0 : WP ThemeLand 作
   http://themes.wordpress.net/columns/2-columns/3347/techland-10/

   挿入した画像（バナー）をリンク対応にすると、画像の上にマウスを乗せると、
   画像部分にリンク対応の下線が表示されます。
   この下線が表示されることによって、若干ですが画面が下に下がります。

   画像部分のリンク下線を表示させない方法は、
   スタイルシートのどの部分にどのような記述をすればよいのでしょうか？

2. kaz0415
   メンバー
   1 年前の投稿 #

   #header h1 a:hover,#header h1 a:active {
   border: none;
   }

   を、追記してみてください。

3. hi-Roki
   メンバー
   1 年前の投稿 #

   kaz0415様

   コメントありがとうございます。
   kaz0415様からいただいたヒントを元に解決いたしました。
   スタイルシートの

   a:hover, a:active
   {
   color:#48431d;
   text-decoration: none;
   border-bottom:#48431d 1px solid;
   }

   ↑↑↑↑↑
   この記述から、

   a:hover, a:active
   {
   color:#48431d;
   text-decoration: none;
   border: none;
   }

   このように書き換えて下線が表示されないようになりました。

   アドバイスありがとうございました。

返信

ログイン しなければ投稿できません。