Как избавиться от подчеркивания ссылок html?

Question

[Алексей Калинин]

Добрый день. Надоело на сайте подчеркивание ссылок, как избавиться, это понятно. Вопрос - как без подчеркивания сделать акцент что это ссылка, а не просто текст?

Answer 1

[Илья Лесных]

Убрать подчеркивание можно с помощью css селектора
a { text-decoration: none; }

Но вообще самое понятное пользователю отображение ссылок - синий подчеркнутый текст (по дефолту так). Поэтому не рекомендуется сильно отходить от этого стереотипа.

Многие убирают у ссылок подчеркивание, но возвращают его при наведении. При этом дополнительно выделяют цветом.

a { text-decoration: none; color: navy; }
a:hover { text-decoration: underline; }

Comments

[Алексей Калинин]

Для меня это стало приемлемым решением.

[Матвей Правосудов]

Ужасная хурма, лучше используюйте нижний бордюр.

[николай тамазенко]

а почему цвет не берет???

Answer 2

[Иван]

Никак.

Answer 3

[Никита Маркелов]

Умный парень Лебедев советует не избавляться от подчеркивания ссылок. Лучше придумайте, как сделать подчеркивание в подходящем стиле.

Answer 4

[Snewer]

Сделать другого цвета, отличного от текста

Comments

[Иван]

Где тут ссылки, а где нет?

[Trow_eu]

плюсанул бы коммент..
хотя отдельными местами ссылки без подчеркиваний нужны и понятны, на тех же явно выделенных кнопках

[Иван]

@Trow_eu не стоит кнопки относить к ссылкам, хоть иногда их и верстают тегом a, вместо button

[slip31]

Поставить в скобках ( ссылка ) ))

[Trow_eu]

@0neS просто пример первый, возможно неудачный, я кнопки редко делал, хотя признаю через a.
иногда меню сильно отделено и весьма понятно, а с подчеркиванием смотрится плохо.
пример, который выглядит еще норм, но под капотом страх и ужас, мой второй сайт и первый заказ.. www.karaoke-utesov.com.ua

Answer 5

[Алексей Калинин]

Для понимания почему хочу избавится от подчеркивания пример с сайта.

Comments

[arsenty]

Здесь достаточно изменить «комментарии: все» на «все комментарии», изменить цвет и можно убирать подчёркивание.

[Матвей Правосудов]

А тут у вас border-bottom, так и пишите none.

Answer 6

[GM2mars]

Три первостепенных фактора:
1. выделить цветом отличного от основного текста
2. при наведении менять цвет или добавлять подчеркивание
3. cursor: pointer

Comments

[Иван]

Я должен водить по всему экрану, чтобы понять, где ссылки, а где просто текст?

[GM2mars]

прочитайте первый пункт

[GM2mars]

Посмотрите прямо на этой странице блок справа "Заказы с Фрилансим" вам понятно какое слово ссылка, а какое нет?

Answer 7

[Maksim Zverev]

Судя по приведенному автором примеру, автор не разделяет контент и управление.

Kaliha - ссылки которые интерфейсные (управление), действие которых очевидно, можно не выделять подчеркиванием. В это попадают все элементы из "Комментарии" и уже станет проще.
Ссылки на которые повязан JS (попап окна к примеру) можно выделять пунктиром.

Отделяем мух от котлет :)

Answer 8

[Michael Danilov]

Рассуждения по теме