Как убрать подчеркивание ссылок в css
Убрать подчёркивание у ссылки или другого текстового элемента можно с помощью свойства text-decoration со значением none . Если нужно установить подчёркивание обратно, то используется значение underline
.link text-decoration: none; > Не могу убрать подчёркивание ссылки
Не могу убрать подчёркивание ссылок через CSS. Через html с помощью тега:
a
Подчёркивание убирается,а когда записываешь этот код в файле css — ничего не происходит и браузеры не реагируют. Подскажите пожалуйста в чём причина. Вот 2 файла. Заранее большое спасибо.
Первая html страничка aIf you're involved in an internet marketing business, then you've probably already come face-to-face with your #1 enemy - "Time Wasting".
What you need to know is that "Time Is Money". to the online world, than in regular business.
You see, anyone entrepreneur. It doesn't involve start-up capital or expensive equipment to start. A low grade PC and a net connection is all you need.
And since cash isn't really a barrier, time-management has become all the more critical. Your challenge for success is simply to get more done - in less time.
- Retyping the same old thing time and time again.
- Failing to manage your email effectively.
- Getting sucked into pointless forum discussions.
- Failing to set a goal, before you switch the computer on.
- Retyping the same old thing time and time again.
- Failing to manage your email effectively.
- Getting sucked into pointless forum discussions.
- Failing to set a goal, before you switch the computer on.
- описание 1
- Failing to manage your email effectively.
- описание 2
- Getting sucked into pointless forum discussions.
- описание 3
- Failing to set a goal, before you switch the computer on.
- описание 4
------------------------------------------------
This sounds simple. But stop and think how many times you retype the same old simple information.
people have cottoned on to automating their email signature, but you can go far beyond that when it comes to communicating words quickly.
Get yourself a clickboard or shortcut extender. This will enable you to write much faster and prevent you from ever having to type the same thing twice.
I use this utility https://www.google.com , but there are lots of other useful typing assistant utilities available.
Failing to manage your email effectively.
----------------------------------------- I know, there's so much spam flying around, but you should be attempting to win this war with a few weapons of your own installed on your computer.
ii. Set up folders in your inbox and get yourself properly organized. I keep a folder for SALES, another one for FEEDBACK and others for JOINT VENTURES + many more.
Дата Время Продукт Место Жиры, Белки, Углеводы Деньги 12.12.2011 19.00 кефир Москва 1 3 5 30 12.12.2011 15.00 молоко Самара 1 3 5 30 12.12.2011 16.00 сок Уфа 1 3 5 30 11.00 Йогурт Владимир 1 3 5 30
Скачать текст в формате PDFПерейти к началу статьи
связаться с автором статьи
CSS ФАЙЛ
p,h4,#myList < color:green; >p < font-family:Verdana; font-size:14px; font-style:italic; text-indent:30px; >#header < color:red; text-align:center; text-transform:capitalize; border-top:2px solid #FAA21A; .new< color:#9932CC; font-style:italic; font-weight:bold; font-size:16px; font-family:Tahoma; font:italic bold 16px Tahoma; >ol li < color:#cc0000; >.new2 < font-style:italic; >.new3 < font-weight:bold; text-decoration:line-through; >a < text-decoration:none; border-bottom:1px dotted #C32017; color:#333333; >.new4
Как избавиться от подчеркивания ссылок html?
Добрый день. Надоело на сайте подчеркивание ссылок, как избавиться, это понятно. Вопрос — как без подчеркивания сделать акцент что это ссылка, а не просто текст?
- Вопрос задан более трёх лет назад
- 14086 просмотров
Комментировать
Решения вопроса 1
Убрать подчеркивание можно с помощью css селектора
a
Но вообще самое понятное пользователю отображение ссылок — синий подчеркнутый текст (по дефолту так). Поэтому не рекомендуется сильно отходить от этого стереотипа.
Многие убирают у ссылок подчеркивание, но возвращают его при наведении. При этом дополнительно выделяют цветом.
a < text-decoration: none; color: navy; >a:hover
Ответ написан более трёх лет назад
Нравится 3 3 комментария
Алексей Калинин @Kaliha Автор вопроса
Для меня это стало приемлемым решением.
Ужасная хурма, лучше используюйте нижний бордюр.
а почему цвет не берет.
Ответы на вопрос 7
Ответ написан более трёх лет назад
Комментировать
Нравится 6 Комментировать
Умный парень Лебедев советует не избавляться от подчеркивания ссылок. Лучше придумайте, как сделать подчеркивание в подходящем стиле.
Ответ написан более трёх лет назад
Комментировать
Нравится 5 Комментировать
Сделать другого цвета, отличного от текста
Ответ написан более трёх лет назад
Нравится 1 5 комментариев
Где тут ссылки, а где нет?
плюсанул бы коммент..
хотя отдельными местами ссылки без подчеркиваний нужны и понятны, на тех же явно выделенных кнопках
@Trow_eu не стоит кнопки относить к ссылкам, хоть иногда их и верстают тегом a, вместо button
Поставить в скобках ( ссылка ) ))
@0neS просто пример первый, возможно неудачный, я кнопки редко делал, хотя признаю через a.
иногда меню сильно отделено и весьма понятно, а с подчеркиванием смотрится плохо.
пример, который выглядит еще норм, но под капотом страх и ужас, мой второй сайт и первый заказ.. www.karaoke-utesov.com.ua
Алексей Калинин @Kaliha Автор вопроса
Системный администратор хостинга
Для понимания почему хочу избавится от подчеркивания пример с сайта.
Ответ написан более трёх лет назад
Здесь достаточно изменить «комментарии: все» на «все комментарии», изменить цвет и можно убирать подчёркивание.
А тут у вас border-bottom, так и пишите none.
Три первостепенных фактора:
1. выделить цветом отличного от основного текста
2. при наведении менять цвет или добавлять подчеркивание
3. cursor: pointer
Ответ написан более трёх лет назад
Я должен водить по всему экрану, чтобы понять, где ссылки, а где просто текст?
прочитайте первый пункт
Посмотрите прямо на этой странице блок справа «Заказы с Фрилансим» вам понятно какое слово ссылка, а какое нет?
Судя по приведенному автором примеру, автор не разделяет контент и управление.
Kaliha — ссылки которые интерфейсные (управление), действие которых очевидно, можно не выделять подчеркиванием. В это попадают все элементы из «Комментарии» и уже станет проще.
Ссылки на которые повязан JS (попап окна к примеру) можно выделять пунктиром.
Отделяем мух от котлет 🙂
Убрать подчеркивание ссылки в HTML
Вот казалось бы, что сложного убрать подчеркивание ссылки в html, в css, в общем где бы то ни было. Но бывает что стоят такие тривиальные задачи, как, убрать подчеркивание ссылки, но при наведении оно должно быть, либо наоборот, ссылка не подчеркнута, а при наведении подчеркивание пропадает.
И так, самое простое.
Это убрать подчеркивание в css, или же, если вы пишите стили в прямо код html или php, то вам надо следующее (это убирает подчеркивание полностью):
html
css .ваш id или class
php Удалить - это пример ссылки встроенной в код - образец кода php "?action=delete&main_form_id=mf_id; ?>"
В общем, убирается подчеркивание в php, так же как и в html.
Убрать подчеркивание ссылки при наведении на нее курсора мыши, это все делается в css, т.к. «признак хорошего тона» все настройки визуальные, а отображение ссылок это тоже визуализация, то делать это используя css.
Ссылка изначально подчеркнута
Но вам надо убрать подчеркивание при наведении на нее:
css .ваш id или class a:hover - a:hover этим вы обозначаете какой стиль использовать при наведении курсора на элемент.
А теперь ссылка не подчеркнута
Но вы хотите выделить ее при наведении курсора.
изначально css код ссылки должен быть такой:
html
css .ваш id или class
а такой, при наведении курсора на элемент или ссылку, т.е. вы должны использовать тот же a:hover :
css .ваш id или class a:hover - a:hover этим вы обозначаете какой стиль использовать при наведении курсора на элемент.
Данный псевдокласс hover можно использовать при оформлении различных кнопок, например кнопки назад, изображений, пунктов меню и т.п.