Цветное подчеркивание

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

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

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Люди а реально ли сделать парамутру
    Код:
    text-decoration: underline;
    цвет?? что бы ссылка одного цвета, а подчеркивание другого. Или как это можно сделать другими способами хтмл кода?
     
  2. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    781
    Симпатии:
    153
  3. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.126
    Симпатии:
    668
    а то что это css3 не смущает? Он ничем щас толком и не поддерживается
    тоже не кроссбраузерное решение, везде по разному будет отображаться.
    Я такое решение предлагаю, заключить в спан текст ссылки
    HTML:
    <a href="#" class="test"><span>text</span></a>
    a.test {
    color:#ff000; // цвет подчеркивания
    }
    a.test span {
    color:#000; // цвет текста
    }
    Добавлено через 25 секунд
    ЗЫ и кроссбраузерно и валидно
     
    rafic нравится это.
  4. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    Я все таки решил убрать такой елемент дизайна:)) и сделал простое подчеркивание:))
     
  5. TOLIK111

    TOLIK111 Постоялец

    Регистр.:
    5 фев 2009
    Сообщения:
    146
    Симпатии:
    15
    Совершенно верно, меньше проблем и хлопот, а смотрится лучше без лишних элементов, стьль нужен, а не куча эффектов.
     
  6. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Вот вам мой метод - можно задать не только цвет, но и длину, ширину и стиль )

    HTML:
    
    
    <div style="border-bottom: 1px solid #FF00FF; width:25px;">
        <a href="" style="text-decoration:none">text</a>
    </div>
    
    
    ;)
     
  7. rafic

    rafic

    Регистр.:
    14 май 2008
    Сообщения:
    477
    Симпатии:
    24
    В моем примере подчеркивание при наведении... а к диву :hover применять не желательно... ибо это свойство тэга ссылки:)
    Да и в твоем примере если слово больше блока оно может искажатся...
     
Статус темы:
Закрыта.