Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.02.2012, 18:18
Интересующийся
Отправить личное сообщение для GennadiyZm Посмотреть профиль Найти все сообщения от GennadiyZm
 
Регистрация: 29.07.2011
Сообщений: 16

Проблема с CSS
В общем, сейчас делаю дизайн для сайта и в ксс сделал так, что если в тексте ссылка - <a href="">бла бла бла</a>, значит текст подчёркивается. Но Появилась проблема - теперь если в этой ссылке находится изображение - <a href=""><img src="" /></a>, то изображение тоже подчёркивается. А мне этого не надо. Как сделать так, чтобы подчёркивалось всё, кроме изображений?
Ответить с цитированием
  #2 (permalink)  
Старый 21.02.2012, 18:36
Интересующийся
Отправить личное сообщение для GennadiyZm Посмотреть профиль Найти все сообщения от GennadiyZm
 
Регистрация: 29.07.2011
Сообщений: 16

Ничего не происходит. Вот кусок из моего ксс
a:link {text-decoration:none; color:#FFF;border-bottom: 1px solid #A8D202; text-shadow: black -1px 1px 1px;}
a:active {text-decoration:none; color:#FFF;border-bottom: 1px solid #A8D202; text-shadow: black -1px 1px 1px;}
a:visited {text-decoration:none; color:#FFF;border-bottom: 1px solid #A8D202; text-shadow: black -1px 1px 1px;}
a:hover {color:#fff;background:#A8D202; text-shadow: black -1px 1px 1px;}
Ответить с цитированием
  #3 (permalink)  
Старый 21.02.2012, 18:54
Аватар для Snipe
Профессор
Отправить личное сообщение для Snipe Посмотреть профиль Найти все сообщения от Snipe
 
Регистрация: 06.05.2008
Сообщений: 765

Можно картинку бэкграундом к ссылке задать, например.
Ответить с цитированием
  #4 (permalink)  
Старый 21.02.2012, 18:56
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

GennadiyZm,
как вариант вот так можно
a img {
    display: block;
}

но это не совсем правильно...

или засуньте спан в ссылку и ему сделайте подчёркивание а ссылке уберите.
а вообще зависит от более конкретной задачи...
Ответить с цитированием
  #5 (permalink)  
Старый 21.02.2012, 20:02
Аватар для T-sh
Профессор
Отправить личное сообщение для T-sh Посмотреть профиль Найти все сообщения от T-sh
 
Регистрация: 04.12.2009
Сообщений: 579

к анкорам-"не блокам" бордюры применять не эстетично

выходы:
1. обернуть текстовые анкоры в span и span'у задавать бордюр.
2. навесить классы на анкоры с картинками, где запретить бордюры.
3. javascript'ом (голым или jquery или любой другой библиотекой) фильтровать анкоры с дочерними тегами.

первый вариант более удобен, последний вариант — не требует вмешательство в код )
__________________
С моих слов записано верно.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с поиском CSS парсера Solovei95 Общие вопросы Javascript 1 24.01.2012 05:49
Проблема с CSS deNSe_01 Events/DOM/Window 1 03.07.2011 14:37
JQuery CSS анализатор javascript jQuery 2 15.08.2010 21:27
Подскажите по CSS меню Александр_1988 Элементы интерфейса 1 17.05.2010 11:58
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19