Подчеркивание картинок, не могу убрать...

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем PuPS, 04.11.2007.

  1. PuPS
    Offline

    PuPS Недавно здесь

    Регистрация:
    14.08.2007
    Сообщения:
    53
    Симпатии:
    2
    Пол:
    Мужской
    Господа, извините начинающего юзера за глупый вопрос: не могу убрать подчеркивание картинок со ссылкой...
    Вот:
    Код (CODE):
    1. a {
    2. border-bottom: 1px solid;
    3. color: #606B32;
    4. text-decoration: none;
    5. }
    6. a:hover, a:active, a:focus {
    7.     border-bottom: 1px solid;
    8.     color: #333333;
    9.     background: #FAF5D7;
    10.     text-decoration: none;
    11. }

    Добавляю:
    Код (CODE):
    1. a img {
    2. border: 0px;
    3. }

    Ниче не получается... :(
     
    Последнее редактирование: 04.11.2007
  2.  
  3. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Подчеркивание картинок, не могу убрать...

    Убирай border-bottom: 1px solid; у того селектора, активное действие которого тебя не устраивает.
     
  4. PuPS
    Offline

    PuPS Недавно здесь

    Регистрация:
    14.08.2007
    Сообщения:
    53
    Симпатии:
    2
    Пол:
    Мужской
    Ответ: Подчеркивание картинок, не могу убрать...

    Код (CODE):
    1. a img {
    2. border-bottom: none;
    3. }

    Так?
     
  5. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Подчеркивание картинок, не могу убрать...

    Нет, нет, непосредственно у ссылок, по-другому просто никак - подчеркивание у элементов-ссылок идет именно отсюда:
    Код (CODE):
    1. a {
    2. border-bottom: 1px solid;
    3. color: #606B32;
    4. text-decoration: none;
    5. }
    6. a:hover, a:active, a:focus {
    7.     border-bottom: 1px solid;
    8.     color: #333333;
    9.     background: #FAF5D7;
    10.     text-decoration: none;
    11. }
     
  6. PuPS
    Offline

    PuPS Недавно здесь

    Регистрация:
    14.08.2007
    Сообщения:
    53
    Симпатии:
    2
    Пол:
    Мужской
    Ответ: Подчеркивание картинок, не могу убрать...

    Мне нужно убрать подчеркивание у картинок-ссылок.
     
  7. AmmiAk
    Offline

    AmmiAk Укротитель браузеров

    Регистрация:
    25.07.2007
    Сообщения:
    633
    Симпатии:
    34
    Пол:
    Мужской
    Ответ: Подчеркивание картинок, не могу убрать...

    Подчеркивание текста-ссылки делается посредством text-decoration: underline; - при этом картинки-ссылки как были картинками без подчеркивания, так картинками без подчеркивания и остаются.

    Делай так:
    Код (CODE):
    1. a {
    2.    color: #606B32;
    3.    text-decoration: underline;
    4. }
    5. a:active, a:hover, a:focus {
    6.    background: #FAF5D7;
    7.    color: #333333;
    8. }
     
  8. PuPS
    Offline

    PuPS Недавно здесь

    Регистрация:
    14.08.2007
    Сообщения:
    53
    Симпатии:
    2
    Пол:
    Мужской
    Ответ: Подчеркивание картинок, не могу убрать...

    Спасибо, помогло, но мне не очень нравится:
    1. Отступ после картинки остался.
    2. Border смотрелся лучше чем underline.
     
    Последнее редактирование: 04.11.2007

Поделиться этой страницей

Загрузка...