Не удается удалить подчеркнутую ссылку с изображения

#html

#HTML

Вопрос:

У меня есть анимированный GIF, который при наведении на него создает подчеркнутую ссылку (бирюзового цвета). Я попытался добавить стиль «text-decoration: none;» в тег a, но ничего не происходит. Пожалуйста, помогите. Вот мой HTML-код:

 <aside id="ad1">
     <a style="text-decoration: none;" href="http://www.cnn.com/" target="_blank">
     <img border="0"; src="images/cnnnews.gif" alt="cnnnewsgif"></a>
</aside>

РЕДАКТИРОВАТЬ (17.06.14):

Вот снимок проблемы:

введите описание изображения здесь

1. можете ли вы воссоздать эту скрипку?

2. есть ли какой-либо код a:hover в вашей таблице стилей?

3. Я не могу воспроизвести эту проблему с моей стороны …. jsfiddle.net/D797f

4. кстати, ваш тег изображения не закрыт; это может вызвать некоторые непреднамеренные проблемы.

5. Это не связано, но у вас есть ; атрибут after the border .

Ответ №1:

Вместо <a style="text-decoration: none;"

Добавьте класс, например

 <aside id="ad1">
     <a class="imglink" href="http://www.cnn.com/" target="_blank">
     <img border="0" src="images/cnnnews.gif" alt="cnnnewsgif" /></a>
</aside>

И добавьте следующий css в заголовок

 <style type="text/css">
        .imglink, .imglink:hover{
            text-decoration: none;
        }
</style>

Ответ №2:

Кажется, я не могу ее воспроизвести, но ваша проблема, вероятно, либо в какой-то синтаксической ошибке, либо в том, что вы устанавливаете text-decoration: none ссылку, но не зависшую ссылку. Просто используйте :hover селектор и определите свой стиль в head .

 <head>
    <!--other head stuff-->
    <style>
      img, img:hover{
        text-decoration: none;
      }
    </style>
</head>
<body>
    <aside id="ad1">
        <a style="text-decoration: none;" href="http://www.cnn.com/" target="_blank">
        <img border="0" src="images/cnnnews.gif" alt="cnnnewsgif"/></a>
    </aside>
</body>

ДЕМОНСТРАЦИЯ

(Хотя это вам мало что покажет)

1. Это не работает. Пожалуйста, прочтите мои комментарии выше. Вот снимок того, что я получаю: oi61.tinypic.com/33f3jw1.jpg

2. Я использую Chrome, а затем попробовал Firefox (поскольку я предполагаю, что они оба широко используются по всей стране). Оба браузера имеют одинаковые проблемы.

3. @user3385997 Никто не смог воспроизвести вашу проблему: можете ли вы попробовать продемонстрировать это в JSFiddle ?