Как у тега <a> убрать визуальные эффекты?
Надо прописать для каждого состояния ссылки стиль оформления, используя псевдоклассы. А использовать !important надо только в самых крайних случаях.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.3.17.43323
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как убрать подчёркивание ссылки?
Пишу сайт по шаблону, и столкнулся с такой проблемой, что никак не могу убрать подчёркивание у ссылок!
Две одинаковых страницы только один на русском, а другой на английском, но оба подключены к одной CSS.
Русская версия
Использовал text-decoration — не помогает
- Вопрос задан более двух лет назад
- 676 просмотров
Простой 3 комментария
- Вконтакте
Перед тем как продолжать с CSS, исправьте ошибки в разметке https://validator.w3.org/nu/
Потом прогоните через этот же валидатор и стили.
Следующим ходом замените флоаты на флексы и/или гриды.
Дальше по обстоятельствам.
aside div.language ul a
ссылкам нужно убирать text-decoration а не вложениям
а вообще кто вставляет li в ссылку? бред сивой кобылы какой то
- Вконтакте
- Вконтакте
в общем у вас подключен некий ребут.сss предположу что бутстрап, в нем есть
Проще говоря ваш css должен стоять !после ребута и добавьте в свой css стиль эту строчку
Сам недавно ток приехал, и сел за пк.
ПС: не обращайте внимание на гневные или заумные ответы, кажется многие забыли что значит быть новичком
У вас несколько проблем к ряду, во первых сбросьте стили.
Хотя бы так. Второе у вас конструкция Html категорически не правильная, прислушайтесь что вам пишут выше. li это элемент списка, ol ul и тп, вы не можете их вставить в отдельный div или же в тег a-href. Судя по всему вам еще рановато вообще что либо писать, изучите матч часть. Не хочу вас обидеть, но таковы реалии, ваш уровень это не уровень новичка, это уровень ничего.
Что бы вам было понятно наверняка: ul — это список, li — это элемент списка, с любым контентом, a это ссылка. В вашем случае в li присутствует контент в виде ссылки a.
- Вконтакте
Ankhena, да я с вами согласен, но человек столкнётся этим в последствии, не поняв почему у p,ul буду отступы, моя ошибка была в том что я не объяснил для чего это вообще. Подчёркивание уберёт сброс стилей.
Прошу прощения за оффтоп, но почему по вашему сброс родных для браузера стилей сомнительная идея? Да возможно не в такой конфигурации, но всё же почему?
FrelFrloich, Несколько ситуаций:
h1 — заголовки. Их можно оставить вообще без отступов? Нет, они слипнутся с остальным текстом и будет нечитаемая каша. Значит, их нужно нормализовать, привести к единому во всех браузерах виду, а не обнулить.
p — аналогично. Красную строку в вебе делать не принято, а значит слипнутся.
ul — вероятно, там где они используются для меню, карточек товаров и других элементов дизайна, им и не потребуются отступы или нужны будут какие-то конкретные, дизайнерские. Но есть еще контентная часть, заполняемая редактором (клиентом). И если в ней будут списки, то они должны иметь отступы и маркеры. Поэтому снова — переопределить, а не обнулить.
body — да. Смотрим в макет, отступ не нужен — обнуляем.
Как в CSS убрать подчеркивание ссылки
Давайте сегодня решим такую проблему, как стилизация ссылок на страницах вашего сайта, а именно как в CSS убрать подчеркивание ссылки. Данный вопрос в большинстве случаев возникает у начинающих веб-разработчиков и у тех людей, которые не особо разбираются в CSS, но хотят внести некоторые изменения в оформление своего сайта.
Навигация по статье:
Отключаем подчеркивание
Чтобы в CSS убрать подчеркивание ссылки нам нужно воспользоваться специальным CSS-свойством text-decoration со значением none, которое нужно прописать в файле стилей нашего сайта для ссылки.
Вот как это будет выглядеть на примере для ссылок размещенных в блоке с классом .link-blok:
Вместо .link-blok вам нужно указать селектор вашего блока (класс или индентификатор) внутри которого находится ссылка для которой нужно убрать подчёркивание.
Если вам нужно убрать подчёркивание ссылки для всех ссылок на сайте, то в CSS пишем:
Убираем подчеркивание ссылки CSS при наведении
Если же у вас изначально ссылки не имеют подчеркивания, и это подчеркивание появляется при наведении указателя мышки, то вам нужно указывать немного другой селектор, а именно:
В этом случае мы дописали к селектору псевдокласс hover, который как раз и позволяет задать стили для элемента при наведении указателя.
Используя показанные в данной статье стили, вы сможете с легкостью убрать или добавить подчеркивание для ссылок на вашем сайте. Если у вас возникнут вопросы, вы всегда можете задать их в комментария.
Желаю вам успехов в оформлении вашего сайта! До встречи в следующих статьях!
Как убрать подчеркивание ссылки
Если Вы задались таким вопросом, то, скорее всего, Вам плохо знакомы стили CSS. В этой статье я опишу как можно убрать подчеркивание ссылок с помощью CSS, а также расскажу про противоположную задачу как сделать подчеркивание ссылок при наведении и т.п. Рассмотрим все возможные варианты.
По умолчанию все ссылки имеют подчеркивание. Это всегда стоит помнить при создании новых классов для тега <a> в CSS.
За подчеркивание ссылок отвечает специальное свойство CSS text-decoration, которое может принимать следующие значения:
- underline (подчеркивание есть);
- none (выключить подчеркивание);
Примеры использования text-decoration
Пример №1. Убираем подчеркивание у ссылки
Рассмотрим первый вариант, в котором мы зададим общий (шаблонный) стиль для ссылок (цвет и размер) и еще зададим два класса ссылок. Класс podcherk включает ссылке подчеркивание, а notpodcherk соответственно убирает подчеркивание. Следующий код демонстрирует это:
Вот во что преобразуется этот код:
Последняя ссылка будет с подчеркиванием, поскольку, как я написал ранее, по умолчанию подчеркивание включено.
Пример №2. Убираем подчеркивание при наведение
Теперь рассмотрим такой случай, чтобы сделать подчеркивание ссылки при наведение курсора на неё.
Данный код преобразуется в такую ссылку:
Пример №3. Делаем красивое подчеркивание
На последок рассмотрим необычное оформление ссылки, а именно сделаем красивое подчеркивание для ссылки в трех вариантах: пунктирное, сплошное и фоновое. На самом деле это все экзотика, но в некоторых случаях можно сделать сайт более интересным, сделав необычное подчеркивание ссылок.
Преобразуется на странице в:
Вот в принципе и все самые интересные примеры по подчеркиванию ссылок. Главным ответом на вопрос этой статьи служит строка: text-decoration: none (убирает подчеркивание).