Проблема с версткой - SEO форум MaulTalk.com

Сообщение сайта

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

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Веб-дизайн

Проблема с версткой, при наведении на ссылку подчеркивается картинка в теге <a>

Опции

IndigoGL

Topic Starter сообщение

18.2.2011, 1:17; Ответить: IndigoGL

Сообщение #1

Новичок

Группа: User
Сообщений: 45
Регистрация: 31.1.2011
Поблагодарили: 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

--------------------

Создание сайтов "под ключ". Услуги PHP-программиста. Блочная верстка.

Ответить с цитированием данного сообщения

danisimo danisimo 18.2.2011, 1:59; Сообщений: 390 Поблагодарили: 66 раз Репутация: 12 Просмотр профиля	18.2.2011, 1:59; Ответить: danisimo Сообщение #2
Бывалый Группа: User Сообщений: 390 Регистрация: 8.9.2010 Поблагодарили: 66 раз Репутация: 12	подчеркивается не картинка а ссылка целиком если вы хотите что бы одни ссылки подчеркивались а другие нет значит ставьте им разные классы.... либо попробуйте в "a img" добавить position:relative;top:3px , возможно картнка собой будет закрывать подчеркивание ссылки -------------------- Мой скромный блог

Bender Bender 18.2.2011, 2:16; Сообщений: 629 Поблагодарили: 71 раз Репутация: 14 Просмотр профиля	18.2.2011, 2:16; Ответить: Bender Сообщение #3
Завсегдатай Группа: Active User Сообщений: 629 Регистрация: 29.6.2008 Поблагодарили: 71 раз Репутация: 14	Вообще класс img убери, чтобы не подчеркивалась картинка. -------------------- Железные прогнозы на спорт

IndigoGL

Topic Starter сообщение

18.2.2011, 2:38; Ответить: IndigoGL

Сообщение #4

Новичок

Группа: User
Сообщений: 45
Регистрация: 31.1.2011
Поблагодарили: 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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

Создание сайтов "под ключ". Услуги PHP-программиста. Блочная верстка.

« Предыдущая тема · Веб-дизайн · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Годный дизайн с последующей версткой 2.0	9	pronlex	9009	24.7.2022, 23:15 автор: pronlex
Нужен дизайн с версткой для сайта Недорого	1	tygrytsa	2978	21.8.2019, 13:11 автор: Димон98
Проблема с админкой	5	Prok	2337	29.7.2019, 20:04 автор: dvakarandasha
Необходим дизайн сайта под ключ, с версткой и адаптивом	1	Mukis	1870	27.5.2019, 23:29 автор: Андрей_WPM
Проблема с таблицей, которая выводится через скрипт	7	vanchester	1339	15.2.2019, 19:06 автор: Artos_mw

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 23.4.2024, 17:33

Дизайн