X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с версткой, при наведении на ссылку подчеркивается картинка в теге <a>
IndigoGL
IndigoGL
Topic Starter сообщение 18.2.2011, 1:17; Ответить: IndigoGL
Сообщение #1


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 31.1.2011
Поблагодарили: 1 раз
Репутация:   1  


Как сделать чтобы текст подчеркивался, а картинка - нет?
Можно конечно сделать вот так:
<a href .. ><img></a>
<a href ..>ТЕКСТ>/a>

т.е. 2 раза повторить ссылку, но мне очень не хочется так делать.

В таком варианте при наведении на ссылку она подчеркивается и сама картинка тоже, к тому же ей добавлен визуальный эффект чтобы при наведении менялся цвет границы и дополнительная полоса сильно мешает.

<a href="#"><img src ... >Текст текст текст</a>

a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
padding: 1px;
border: 1px solid #fff;    
}
a:hover img {
text-decoration: none;
padding: 1px;
border: 1px solid #ff707c;    
}


Причем подчеркивается она только в firefox ><
Видел такой же глюк когда ставил joomla + virtuemart


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
danisimo
danisimo
сообщение 18.2.2011, 1:59; Ответить: danisimo
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 390
Регистрация: 8.9.2010
Поблагодарили: 65 раз
Репутация:   12  


подчеркивается не картинка а ссылка целиком
если вы хотите что бы одни ссылки подчеркивались а другие нет значит ставьте им разные классы.... либо попробуйте в "a img" добавить position:relative;top:3px , возможно картнка собой будет закрывать подчеркивание ссылки


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bender
Bender
сообщение 18.2.2011, 2:16; Ответить: Bender
Сообщение #3


Завсегдатай
*****


Группа: Active User
Сообщений: 629
Регистрация: 29.6.2008
Поблагодарили: 71 раз
Репутация:   14  


Вообще класс img убери, чтобы не подчеркивалась картинка.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
IndigoGL
IndigoGL
Topic Starter сообщение 18.2.2011, 2:38; Ответить: IndigoGL
Сообщение #4


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 31.1.2011
Поблагодарили: 1 раз
Репутация:   1  


(danisimo @ 18.2.2011, 0:59) *
подчеркивается не картинка а ссылка целиком
если вы хотите что бы одни ссылки подчеркивались а другие нет значит ставьте им разные классы.... либо попробуйте в "a img" добавить position:relative;top:3px , возможно картнка собой будет закрывать подчеркивание ссылки


Подчеркивается ссылка, да. Только в ФФ, метод чтобы картинка перекрыла подчеркивание - не подходит.


(Bender @ 18.2.2011, 1:16) *
Вообще класс img убери, чтобы не подчеркивалась картинка.


Прочитайте тему внимательнее, не в этом дело.

Проблему решил добавлением такого док-тайпа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2963 22.11.2017, 17:34
автор: metvekot
Открытая тема (нет новых ответов) Проблема с 301 редиректом в htaccess
не срабатывает с (без www) на www
14 danc1r0k 1999 2.11.2017, 14:44
автор: vadosseo
Открытая тема (нет новых ответов) Нужны наркотики? Не проблема
Скачай ТОР и покупай
17 PostBrigada 1201 29.9.2017, 11:55
автор: ECurEx
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема выбора ниши для заработка
15 lektor2010 1278 11.4.2017, 21:18
автор: SeoKot
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с группой в фейсбуке
9 Swissi 1338 21.1.2017, 20:11
автор: Swissi


 



RSS Текстовая версия Сейчас: 18.12.2017, 1:59
Дизайн