Comment supprimer le soulignement d'un lien en utilisant CSS ? Un guide pour un débutant. Corriger le soulignement dans Microsoft Word

28 février 2017

Comment supprimer le soulignement dans Word ? Si vous vous posez cette question, c'est qu'il y a quelque chose qui ne va pas dans votre texte. Le fait est que c'est ainsi que le programme vous signale certaines imperfections dans le matériel écrit dans le document. Quelles sont exactement les lacunes à rechercher et que faire si, en fait, tout est en ordre avec le texte ?

Comment supprimer les soulignements rouges dans Word ?

C'est la question la plus simple. Tous ceux qui travaillent avec le programme depuis plusieurs jours savent comment supprimer le soulignement rouge dans Word. La couleur rouge est le marqueur le plus courant dans cet éditeur de texte. Cela indique qu'il y a une erreur dans le texte souligné. Plus précisément, pas n’importe lequel, mais l’un d’entre eux :

  • le mot souligné n'est pas dans le dictionnaire,
  • le mot est mal orthographié
  • Aussi mot rouge met l'accent sur la répétition.

Si vous ne comprenez pas quelle est l'erreur dans cette partie du texte, cliquez dessus clic-droit. Le correcteur orthographique intégré vous aidera à le comprendre.

Il est à noter que des erreurs peuvent également être mises en évidence vert. Cela indique des problèmes d'utilisation de signes de ponctuation, des incohérences, des erreurs de style, etc.

Il existe deux options pour gérer le soulignement rouge ou vert :

  1. Pour supprimer un tel soulignement, il suffit de corriger les erreurs.
  2. Vous pouvez également cliquer sur « Passer » pour que le programme de vérification cesse de « voir » cette section.

Vidéo sur le sujet

Comment supprimer les soulignements bleus dans Word ?

Comment supprimer le soulignement dans Word de couleur bleue, tout le monde ne le sait plus. Cette couleur peut ne pas être trouvée dans toutes les versions. éditeur de texte. Si le texte devant vous est entouré d’une ligne ondulée bleue, il présente des problèmes de formatage.

Comme pour les autres erreurs, celle-ci peut être supprimée de deux manières :

  1. Répare le. Si vous ne comprenez pas quelle est l'erreur, cliquez avec le bouton droit sur la zone à problème.
  2. Comme les autres erreurs, celle-ci peut également être ignorée en cliquant sur le bouton approprié.


Comment supprimer le soulignement des liens dans Word ?

Comment supprimer le soulignement dans Word lorsqu'il s'agit de lignes sous des liens ? Bien entendu, les situations dans lesquelles cela peut être nécessaire se présentent assez rarement. Mais si nous avons déjà commencé à examiner la question du soulignement inutile, il vaut la peine d'aborder ce type.

  1. Sélectionnez le texte sous lequel vous souhaitez supprimer le soulignement, puis appuyez sur la combinaison de touches Ctrl+U.
  2. Vous pouvez également emprunter un chemin plus long : sélectionnez le texte, recherchez dans le champ supérieur du programme dans l'onglet « Accueil » la lettre « H », soulignée en bas. Après avoir cliqué dessus, la ligne sous le texte sélectionné disparaîtra.
Source : fb.ru

Actuel

Divers
Divers

La mise en page de tout texte informatif implique l'inclusion d'hyperliens ou d'ancres sémantiques. Ces éléments sont ajoutés à l'aide de la balise « a » (ancre). Navigateurs modernes afficher par défaut un élément similaire avec Souvent, les concepteurs de mise en page ou les concepteurs de sites Web préfèrent soit modifier ce style, soit le supprimer complètement.

Dans certains cas, cela est vraiment nécessaire. Par exemple, dans un bloc de liens dense, où une conception inutile ne fera que surcharger la perception et rendre le document difficile à lire. Cependant, dans certains cas, il convient de maintenir une distinction entre texte et liens. Si la conception du site exclut complètement un tel formatage, il vaut la peine d'utiliser tout autre type de mise en évidence de ces éléments. Le type de différenciation le plus courant aujourd’hui est le contraste des couleurs des ancres dans le texte. C'est efficace. Le seul léger inconvénient de cette option sera le problème de surbrillance du texte par des personnes qui ne peuvent pas percevoir les différentes couleurs (daltonisme). Mais c'est ainsi faible pourcentage utilisateurs qu'ils peuvent être négligés.

Si, après tout, il a été décidé de supprimer le soulignement des liens, vous aurez alors besoin d'une certaine connaissance de la structure de la page Internet, à savoir CSS.

Supprimer le soulignement du lien de l'ensemble du site

Pour une personne qui connaît bien le web design et en particulier, ce ne sera pas difficile. Pour ce faire, il vous suffit de rechercher et d'ouvrir dans les fichiers du site le fichier responsable du style. Il se trouve généralement dans le répertoire racine et porte une extension .css. Vous pouvez supprimer le soulignement des liens en utilisant ce code simple :

décoration de texte : aucune ;

Cette petite ligne supprimera complètement le soulignement de tous les éléments écrits à l’aide de la balise « a » sur l’ensemble du site.

Mais que se passe-t-il si vous n'avez pas accès au fichier CSS ?

Dans ce cas, il est conseillé d’utiliser la balise Style en début de document. Fonctionne de la même manière qu'un fichier CSS. Afin d'appliquer des styles, il faut au tout début du document (ou Pages HTML) ajouter une construction dans laquelle l'habituel Règles CSS modes.

Ces styles s'appliquent uniquement à page spécifique. Elles ne s'appliqueront pas aux autres rubriques ou documents du site.

Supprimer le soulignement du lien au survol

Mais que se passe-t-il si vous devez supprimer le soulignement du lien au survol ? CSS peut également nous aider dans ce cas. Le code ressemblera à ceci :

décoration de texte : aucune ;

C'est la pseudo-classe « :hover » qui se charge de décorer les éléments lors de leur survol.

En combinant ces deux options, on peut faire apparaître le lien souligné uniquement au survol, en sinon tout ressemblera à du texte normal :

décoration de texte : aucune ;

décoration de texte : souligner ;

Utilisation d'identifiants et de classes

Comme vous pouvez le voir ci-dessus, modifier le style d’un élément sur un site Web ou un document HTML est assez simple. Les inconvénients de telles options sont l'impossibilité d'appliquer des styles de manière sélective : non pas à l'ensemble du site ou du document, mais à un lien spécifique.

Il existe plusieurs options pour résoudre ce problème.

Vous pouvez supprimer le soulignement des liens en ligne. Bien que cela soit strictement déconseillé du point de vue de l'optimisation du site.

Pour ce faire, vous devez spécifier le paramètre Style directement dans la balise link :

La deuxième option est plus acceptable.

Nous introduisons une classe ou un identifiant supplémentaire dans l'élément et attribuons les styles dont nous avons besoin à ces sélecteurs :

Une classe s'écrit avec un point devant son nom :

Aucune_décoration(

décoration de texte : aucune ;

L'identifiant est indiqué par le signe # :

#none_decoration(

décoration de texte : aucune ;

Cette règle s'applique à la fois au fichier CSS et à la balise Style

Changer le style d'affichage des liens dans le texte

C'est aussi assez simple à faire :

couleur :*spécifier couleur désirée dans n'importe quel format (*rouge, #c2c2c2, rgb (132, 33, 65)*)*;

Un style similaire est appliqué selon les mêmes règles que celles décrites pour le soulignement d’un lien. Les règles CSS dans ce cas sont identiques. Changer la couleur du lien et supprimer le soulignement peut être appliqué comme un style distinct (le lien restera alors souligné, mais changera la couleur du bleu standard à la couleur souhaitée).

Remplacement du style standard

Une dernière remarque. Au lieu d'annuler le soulignement Liens CSS permet de remplacer les valeurs de conception standard. Pour ce faire, remplacez simplement les valeurs suivantes dans la construction text-decoration :

style de décoration de texte :

  • Si vous avez besoin d'une ligne continue, spécifiez la valeur solide.
  • Pour une ligne ondulée - ondulée.
  • Double ligne - respectivement double.
  • La ligne peut être remplacée par une séquence de points - pointillés.
  • Souligner un mot sous forme de ligne pointillée - pointillés

Vous pouvez également modifier la position de la ligne par rapport au texte :

La construction line-text-decoration-line peut prendre les valeurs suivantes :


Et la couleur (à ne pas confondre avec la couleur du texte !) :

text-decoration-line : (n'importe quelle couleur dans n'importe quel format * rouge, #c2c2c2, RVB (132, 33, 65)*).

Pour plus de commodité, les trois positions peuvent être écrites ensemble dans la construction :

décoration du texte : rouge, linéaire, ondulé.

Bien que le soulignement soit traditionnellement utilisé pour concevoir des liens textuels, il est également acceptable d’utiliser d’autres méthodes pour modifier l’apparence des liens. En voici quelques uns:

  • liens sans souligner;
  • mise en valeur décorative;
  • mise en évidence avec la couleur d'arrière-plan ;
  • cadre;
  • photo à côté du lien.

Liens sans souligner

Souligner des liens textuels est déjà devenu une certaine norme et un signal qu'il ne s'agit pas simplement de texte, mais d'un lien. C'est d'ailleurs l'une des raisons pour lesquelles vous ne devriez pas appliquer le soulignement au texte normal - les utilisateurs penseront qu'ils ont affaire à un lien. Parallèlement à l'utilisation du soulignement, grâce au CSS, les développeurs de sites Web ont désormais Option alternative- créer des liens sans souligner. À utilisation correcte Cette conception de liens peut même donner au site un certain effet. Il vous suffit d'indiquer clairement à l'utilisateur ce qu'est un lien et ce qu'est un texte ordinaire, en les distinguant, par exemple, par la couleur. Vous pouvez également faire en sorte que lorsque vous survolez le curseur, le lien soit souligné, change de couleur ou que les deux effets soient utilisés en même temps.

Exemple 1. Pas de soulignement pour les liens

Liens

Les pseudo-classes :hover et :visited n'ont pas besoin d'ajouter de décoration de texte, elles héritent des propriétés du sélecteur a.

Souligner les liens lorsque vous les survolez avec le curseur de la souris

Pour ajouter un soulignement aux liens qui ont text-decoration : none , vous devez utiliser la pseudo-classe :hover. Il définit le style du lien lorsque le curseur de la souris le survole. Il ne reste plus qu'à ajouter la propriété text-decoration pour la pseudo-classe avec la valeur souligné (exemple 2).

Exemple 2 : Souligner les liens

Liens

Lien décoratif soulignant

Le soulignement des liens peut être défini non seulement avec une ligne continue, mais aussi, par exemple, avec une ligne pointillée. Pour ce faire, vous devez utiliser la propriété border-bottom, qui crée une ligne au bas de l'élément. En spécifiant l'un des arguments de cette propriété, dashed , nous obtenons un trait de soulignement en pointillés. L'exemple 3 montre comment définir une ligne pointillée bleue pour les liens rouges lorsque vous les survolez avec le curseur de la souris.

Exemple 3 : soulignement en pointillé pour les liens

Liens

Lorsque vous utilisez la méthode ci-dessus, une ligne pointillée apparaît juste en dessous du soulignement normal du texte. Par conséquent, vous devez ajouter text-decoration avec la valeur none au style de lien afin de ne pas obtenir deux lignes en même temps (Fig. 1).

Riz. 1. Utiliser une ligne pointillée pour mettre en évidence un lien

Il n'est pas nécessaire d'utiliser une ligne pointillée ; par exemple, pour créer une ligne double, vous devez spécifier une valeur, comme le montre l'exemple 4.

Exemple 4 : liens doublement soulignés

Liens

En modifiant l'épaisseur du trait, son type et sa couleur, vous pouvez obtenir de nombreux effets différents.

Utiliser une couleur de fond

Pour ajouter un arrière-plan coloré à un lien, utilisez simplement la propriété background, en lui attribuant une couleur dans n'importe quel format disponible. De même, vous pouvez utiliser la pseudo-classe :hover, puis la couleur d'arrière-plan sous le lien changera lorsque vous passerez la souris dessus (exemple 5).

Liens

Riz. 2. Changez la couleur d'arrière-plan lorsque vous survolez un lien

Cadre autour du lien

L'exemple 6 montre comment changer la couleur de la bordure en utilisant propriété frontalière. Le texte souligné via la décoration de texte peut être supprimé ou laissé inchangé.

Exemple 6. Changer la couleur de la bordure des liens

Liens

Pour éviter que le cadre ne colle au texte, dans l'exemple, des marges sont définies autour de lui à l'aide d'un remplissage. Vous pouvez également ajouter un arrière-plan avec le cadre à l'aide de la propriété background.

Si vous souhaitez ajouter un cadre aux liens lorsque vous les survolez, vous devez vous assurer que le texte ne bouge pas dans ce cas. Le moyen le plus simple d'y parvenir est d'ajouter une bordure invisible autour du lien, puis de changer la couleur de la bordure à l'aide de la pseudo-classe :hover. Couleur transparente indiqué avec mot-clé transparent , sinon le style ne changera pas.

A ( border: 1px solid transparent; /* Bordure transparente autour des liens */ ) a:hover ( border: 1px solid red; /* Bordure rouge lors du survol d'un lien */ )

Images à côté des liens externes

Un lien externe est un lien qui pointe vers un autre site. Un tel lien n'est pas différent des liens locaux au sein du site ; vous pouvez déterminer où il mène uniquement en regardant la barre d'état du navigateur. Mais tout le monde ne regarde pas cette ligne et pas toujours. Pour aider les utilisateurs à différencier les liens externes des liens réguliers, ils doivent être mis en évidence d'une manière ou d'une autre. Par exemple, placez une petite image à côté du lien qui montre que l'état du lien est différent (Fig. 3).

Utiliser des images à proximité Liens externes La bonne nouvelle est qu'un lien ainsi conçu est clairement différent des liens ordinaires au sein du site, et une image correctement sélectionnée indique au visiteur que le lien mène vers un autre site. Pour séparer le style des liens locaux et externes, nous utiliserons un sélecteur d'attribut. Étant donné que tous les liens vers d'autres sites sont écrits avec un protocole, par exemple http, il suffit de définir le style des liens dont la valeur de l'attribut href commence par http://. Cela se fait en utilisant la construction a (...), comme le montre l'exemple 7.

Liens

L'image de fond est située à droite du lien, et pour que le texte ne chevauche pas l'image, une marge est ajoutée à droite via la propriété padding-right. Si vous devez ajouter une image à gauche, remplacez 100% par 0 et padding-right par padding-left .

Le protocole peut être non seulement http, mais aussi ftp et https : pour eux, cette recette ne fonctionne plus. Donc pour plus de polyvalence, il est préférable de changer le sélecteur en , il dit que le style doit être appliqué à tous les liens dont l'adresse contient //.

Si vous vous posez cette question, c'est probablement que vous n'êtes pas très familier avec les styles CSS. Dans cet article, je vais décrire comment supprimer le soulignement des liens de en utilisant CSS, et je vais aussi vous parler de la tâche inverse, comment souligner les liens au survol, etc. Considérons toutes les options possibles.

Un bouton spécial est chargé de souligner les liens. Propriété CSS text-decoration , qui peut prendre les valeurs suivantes :

  • souligner (il y a du soulignement);
  • aucun (désactiver le soulignement) ;

Exemples d'utilisation de la décoration de texte

Exemple n°1. Supprimer le soulignement du lien

Considérons la première option, dans laquelle nous définirons un style général (modèle) pour les liens (couleur et taille) et définirons également deux classes de liens. La classe podcherk active le soulignement pour le lien et notpodcherk supprime le soulignement en conséquence. Le code suivant le démontre :

Ссылка с подчеркиванием Ссылка без подчеркивания Ссылка с подчеркиванием и без class

Вот во что преобразуется этот код:

Пример №2. Убираем подчеркивание при наведение

Теперь рассмотрим такой случай, чтобы сделать подчеркивание ссылки при наведение курсора на неё.

Ссылка 1

Пример №3. Делаем красивое подчеркивание

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

Ссылка с пунктирным подчеркиванием Ссылка со сплошным подчеркиванием Ссылка с подчеркиванием в виде фона

Преобразуется на странице в:

Вот в принципе и все самые интересные примеры по подчеркиванию ссылок. Главным ответом на вопрос этой статьи служит строка: text-decoration: none (убирает подчеркивание).

В Word можно подчеркнуть надписи, пробелы, знаки табуляции. Доступны разные виды линий: волнистые, прямые, двойные. Ещё есть разделители страниц, таблицы . Красными, зелёными и синими «волнами» программа выделяет ошибки и неправильно оформленный текст. Чтобы пользоваться данным инструментарием, разберитесь, как добавить эти линии, как изменить их атрибуты и как убрать подчёркивание в Word, если его нельзя выделить.

В редакторе Word есть несколько способов подчеркивания текста. О них мы расскажем ниже.

Сделать полоску под надписью можно так:

  1. Выделите фрагмент.
  2. На главной панели меню найдите букву «Ч» с чёрточкой под ней. Или нажмите Ctrl+U. Избавиться от линии можно этим же сочетанием клавиш.
  3. Чтобы печатать уже с полосками, кликните на значок «Ч», напишите что-то, и снова кликните на «Ч».

Сама операция достаточно проста. Но так можно добавить только обычную черту. Вот как подчеркнуть текст в Word, если вам хочется использовать разные виды и цвета полосок:

  1. Выделите фрагмент.
  2. Нажмите маленькую стрелочку рядом с буквой «Ч».
  3. В выпавшем списке выберите расцветку и тип: двойная линия, штриховая, толстая, волнистая.

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

  1. Через раздел «Таблицы» (или Вставка - Таблицы, если у вас Word 2007) добавьте сетку.
  2. Напишите в ней пару слов.
  3. Кликните по рамке правой кнопкой мыши.
  4. «Границы и заливка».
  5. Откроются параметры. Справа будет область, в которой есть настройки видимости границ. Оставьте только нижнюю линию. Она останется на месте, даже если вы удалите текст.
  6. В этом же меню выберите тип и толщину полоски.

Можно сделать проще:

  1. После добавления сетки вверху окна появится раздел «Работа с таблицами». В нём перейдите во вкладку «Конструктор».
  2. Нажмите стрелку рядом с «Границы».
  3. Оставьте активной только опцию «Нижняя граница».

Такие полоски нужны при работе с HTML-документами. Этот приём подходит для создания полей ввода и веб-форм.

Если вы хотите добавить линии исключительно надписям, не задевая пробелов, необязательно настраивать оформления каждого предлога. Вот как подчеркнуть слово в Word:

  1. Выделите текст.
  2. Кликните на чёрную стрелочку рядом с буквой «Ч».
  3. Пункт «Другие».
  4. В поле «Подчёркивание» выберите «Только слово».

Подчёркивание пробелов

Иногда нужно, чтобы линии находились под пробелами. Например, если вы готовите к печати документ, в котором должно быть место для ввода имени, фамилии или других данных. Для этого подойдут таблицы (взаимодействие с ними описано выше). Но есть и другие способы. Вот как сделать подчёркивание в Word без слов:

  1. Самый простой метод - нажмите Shift+[-] (дефис; без скобок). Появится линия. Это не часть оформления, а символ. К нему применимы все настройки шрифта.
  2. Чтобы изменить цвет полоски , найдите на панели меню кнопку с пиктограммой в виде буквы «А». Нажмите на стрелочку рядом с ней - откроется палитра.

Нижнее подчёркивание не всегда подходит для оформления. Над ним нельзя печатать - он будет сдвигаться. Его сложно выровнять по ширине абзаца. Если у вас активирована автозамена, три линии подряд автоматически превратятся в границу.

В Word можно добавить полосы к знакам табуляции. Их разметку легче настроить.

  1. Нажмите клавишу «TAB». Она находится над кнопкой Caps Look. Курсор Word сдвинется.
  2. Лучше активировать отображение скрытых символов, чтобы видеть знаки табуляции, а не только набор слов. Для этого кликните на панели инструментов на иконку, похожую на букву «П» (кнопка называется «Абзац»). Или нажмите Ctrl+Shift+* (звёздочка). Табуляция в Word выглядит как стрелочка, указывающая вправо.
  3. Выделите её.
  4. Нажмите Ctrl+U.

Печатать над такими линиями тоже не получится. Но они гораздо шире пробелов - с ними будет легче выровнять строку.

Границы страниц

Если в Word ввести три звёздочки или три дефиса подряд, они могут стать горизонтальной линией (иногда для этого надо нажать Enter). Это автозамена превращает их в границу страницы . Чтобы создать определённый вид такой линии, надо сделать так:

  • Введите три знака равенства (=), чтобы создать двойную полосу.
  • Три звёздочки (*) - пунктирную.
  • Три дефиса (-) - простую.
  • Три нижних пробела (_) - жирную.

Данные границы похожи на обычное подчёркивание. Они занимают всю строку. Их нельзя выделить или отредактировать. Но над ними можно печатать.

Вот как убрать подобную линию:

  1. Поставьте курсор Word в начало строки с полоской.
  2. Нажмите Delete.

Если этот способ не поможет, лучше сделать так:

  1. Раздел «Разметка страницы». Он находится в строке меню наверху окна.
  2. Кнопка «Границы страниц».
  3. В поле «Тип» задайте параметр «Нет». Горизонтальная линия пропадёт.

Красное, зелёное и синее подчёркивание - проверка орфографии

В Word есть функция проверки орфографии . Она отмечает волнистыми линиями ошибки орфографии, пунктуации, стилистики. С ней легче заметить случайную опечатку, проверить текст, найти какие-то недоработки. Ниже указано, что означает каждая полоса.

  • Красная. Неправильно написано слово, или его нет в базе данных Office. Красным цветом также обозначаются повторы.
  • Зелёная. Ошибки с грамматикой, стилистикой, пунктуацией. Лишние скобки. Несогласованный текст.
  • Синяя. Несоответствие формата.

Обычно эта функция приносит пользу. Но если вы правильно всё написали, то внезапно появившиеся волнистые линии будут раздражать и мешать. Как убрать подчёркивание в Word, если оно поставлено автоматически при проверке орфографии:

  1. Кликните правой кнопкой мыши на фрагмент, под которым появилась волнистая линия.
  2. Чтобы избавиться от неё, выберите пункт «Пропустить».
  3. Чтобы Word запомнил выбранное слово и записал его в свой словарь, нажмите «Добавить».

Если вы хотите совсем отключить проверку, откройте настройки:

  1. Перейдите в меню Сервис - Правописание (в Word 2007 для этого надо нажать на логотип Office в левом верхнем углу и в выпавшем списке выбрать «Параметры»).
  2. Уберите галочку в «Автоматически проверять орфографию» или отметьте «Скрыть ошибки только в этом документе». Автопроверка перестанет вам докучать. Но искать опечатки будет сложнее.

В инструментарии Word найдутся разнообразные типы линий, чтобы подчеркнуть текст или нарисовать горизонтальную полосу. Используйте эти функции, чтобы оформлять документы.