Настройка внешнего вида ссылок

Тема в разделе "Веб-дизайн", создана пользователем vilyaban, 13 ноя 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. vilyaban

    vilyaban Постоялец

    Регистр.:
    8 май 2008
    Сообщения:
    111
    Симпатии:
    1
    Уже давно не дает покоя такая проблема:

    чтобы настроить вид ссылок общий для всех в CSS пишется следующее:
    Код:
    a:link {text-decoration: none; color:#009}
    a:visited {text-decoration: none; color:#666}
    a:hover {text-decoration: underline; color:#009}
    a:active {text-decoration: none; color:#009}
    а мне нужно для отдельной части ссылок настроить другое отображение.
     
  2. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    И снова здравствуйте :)
    Только классами:
    HTML:
    
    <a class="mylink" href="#">link</a>
    
    css:
    HTML:
    
    a.mylink:link {text-decoration: none; color:#009}
    a.mylink:visited {text-decoration: none; color:#666}
    a.mylink:hover {text-decoration: underline; color:#009}
    a.mylink:active {text-decoration: none; color:#009}
    
     
    vilyaban нравится это.
  3. The Finn

    The Finn Постоялец

    Регистр.:
    30 авг 2009
    Сообщения:
    80
    Симпатии:
    9
    Eihwaz, как вариант, можно настроить вид ссылок в определенном блоке, чтоб не пришлось в каждой ссылке писать class="mylink".

    vilyaban, если ссылки находяться в отдельном блоке, то можно сделать так:

     
  4. vilyaban

    vilyaban Постоялец

    Регистр.:
    8 май 2008
    Сообщения:
    111
    Симпатии:
    1
    У меня все ссылки в шаблоне вывода навигации в неткате. Но за совет спасибо.
     
  5. Madmess

    Madmess Создатель

    Регистр.:
    18 ноя 2008
    Сообщения:
    29
    Симпатии:
    0
    text-decoration: none; можно один раз написать, а где надо включить
    меньше кода будет
     
  6. The Finn

    The Finn Постоялец

    Регистр.:
    30 авг 2009
    Сообщения:
    80
    Симпатии:
    9
    Ну это само собой, я к примеру псевдоклассы :link и :visited вообще не использую. Ещё как вариант можно использовать спан, но только для небольшого кол-ва ссылок, чтоб не нагружать блоками страничку, когда можно обойтись только стилями отдельных элементов.
     
  7. troop3r

    troop3r Постоялец

    Регистр.:
    14 ноя 2009
    Сообщения:
    138
    Симпатии:
    22
    active и focus также можно опустить, ощутимой пользы от них нет.

    a { color: red; text-decoration: none; }
    a:hover { color: blue; }
    вот и все, при наведении цвет ссылки будет меняться на синий.
     
  8. Skie

    Skie Постоялец

    Регистр.:
    17 мар 2008
    Сообщения:
    110
    Симпатии:
    23
    Может кому пригодится.
    Мне надо было к <span> это дело применить, классами не получилось, а ID проканало.
    HTML:
    
    <style type="text/css">
    
    #tt{
     text-decoration: none; /* Отменяем подчеркивание у ссылки */
    }
    </style>
    
    <span id="tt" >
    
    текст <a id="tt" href="http:/ya.ru">ссылка</a> текст
    </span>
    
    
    
    P.S.
    А нифига не работает.
    Если из <a id="tt" href="http:/ya.ru">ссылка</a> убрать id="tt" ссылка всё равно подчёркивается и <span id="tt" > почему-то на неё не влияет.
    Вот...
     
  9. The Finn

    The Finn Постоялец

    Регистр.:
    30 авг 2009
    Сообщения:
    80
    Симпатии:
    9
    id - уникальный идентификатор, он обычно присваивается элементам, которые не повторяются на страничке.

    Для ссылок, обычно почти всегда используется class
     
Статус темы:
Закрыта.