Убрать подчеркивание ссылки в HTML

linksВот казалось бы, что сложного убрать подчеркивание ссылки в html, в css, в общем где бы то ни было. Но бывает что стоят такие тривиальные задачи, как, убрать подчеркивание ссылки, но при наведении оно должно быть, либо наоборот, ссылка не подчеркнута, а при наведении подчеркивание пропадает.

И так, самое простое.
Это убрать подчеркивание в css, или же, если вы пишите стили в прямо код html или php, то вам надо следующее (это убирает подчеркивание полностью):

html

css
.ваш id или class{text-decoration: none;}
html
php
mf_id; ?>">Удалить

- это пример ссылки встроенной в код
- образец кода php "?action=delete&main_form_id=mf_id; ?>"

Ссылка без подчеркивания
В общем, убирается подчеркивание в php, так же как и в html.


Убрать подчеркивание ссылки при наведении на нее курсора мыши, это все делается в css, т.к. «признак хорошего тона» все настройки визуальные, а отображение ссылок это тоже визуализация, то делать это используя css.

Ссылка изначально подчеркнута

Но вам надо убрать подчеркивание при наведении на нее:

css
.ваш id или class a:hover{text-decoration: none;}

- a:hover этим вы обозначаете какой стиль использовать при наведении курсора на элемент.

А теперь ссылка не подчеркнута

Но вы хотите выделить ее при наведении курсора.

изначально css код ссылки должен быть такой:

html

css
.ваш id или class{text-decoration: none;}

а такой, при наведении курсора на элемент или ссылку, т.е. вы должны использовать тот же a:hover:

css
.ваш id или class a:hover{text-decoration: underline;}

- a:hover этим вы обозначаете какой стиль использовать при наведении курсора на элемент.

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