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">

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОцените сайт "бизнес, новости, право". В чем проблема?
22 Merzuka 3170 23.5.2018, 12:15
автор: nikolay_web
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема выбора ниши для заработка
15 lektor2010 1574 11.4.2017, 21:18
автор: SeoKot
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с группой в фейсбуке
9 Swissi 1490 21.1.2017, 20:11
автор: Swissi
Открытая тема (нет новых ответов) Предлагаю услуги дизайна для ваших сайтов с последующей версткой.
Комплексная услуга по дизайну и верстке веб-страниц
0 hndrs 752 11.8.2016, 11:59
автор: hndrs
Открытая тема (нет новых ответов) Проблема с плагином wp-shop в движке WordPress
Прошу помочь.
0 Stingeo 1445 27.6.2014, 1:42
автор: Stingeo


 



RSS Текстовая версия Сейчас: 26.5.2018, 19:52
Дизайн