Изменить вид ссылок

12 3
K6
На сайте с 08.08.2019
Offline
7
714

маленький вопрос:

по поводу ссылок по тексту:

в файле style.css есть строка:

{color:#000000;text-decoration:none;}

на сайте есть текст, двух видов:

1. <a title="кто лучше всего моет рамы">мама мыла раму</a>

2. <a title="кому мыть рамы дома" href="/ссылка/">мама дома моет рамы </a>

встал вопрос: как сделать так, что бы текст указанный в 1 пункте, не выделялся, а активная ссылка выделялась.

такое возможно?

пример:

мама мыла раму, мама дома моет рамы, при наведении на ссылку: мама дома моет рамы

заранее спасибо!

ps. если вдруг не в той ветке задал вопрос, прошу указать где можно такой вопрос задать.

SeVlad
На сайте с 03.11.2008
Offline
1489
#1
krilovsky68:
: как сделать так, что бы текст указанный в 1 пункте, не выделялся, а активная ссылка выделялась.
такое возможно?

Правильнее - изменить a на span например.

Но можно смотреть по наследованию.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Топики помощи с ⓌordPress (https://searchengines.guru/ru/forum/1032910 ) и основы безопасности сайтов ( https://searchengines.guru/ru/forum/774117 ). *** Помощь\консультации в топиках форума - БЕСПЛАТНО. Платные услуги ( https://wp.me/P3YHjQ-3 ) - с бюджетом от 150$ ***
S
На сайте с 30.09.2016
Offline
469
#2

a{color:#000000;text-decoration:none;}
a[href]:hover{text-decoration: underline;}
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
SeVlad
На сайте с 03.11.2008
Offline
1489
#3
Sitealert:
Присвоить активной ссылке класс active,

Насколько я понял ТСа интересует разница с href.

S
На сайте с 30.09.2016
Offline
469
#4
SeVlad:
Насколько я понял ТСа интересует разница с href.

Да, исправил. Меня сбило с толку слово "активная", это немного другое.

K6
На сайте с 08.08.2019
Offline
7
#5
Sitealert:
a{color:#000000;text-decoration:none;}
a[href]:hover{text-decoration: underline;}

попробовал не получилось.

возможно будет правильнее показать:

страница: https://krilovsky.ru/dlya-fizicheskih-lits/

на ней есть текст двух видов.

там есть предложение:

Раздел сайта «Для физических лиц» ориентирован на граждан, которым требуется квалифицированная юридическая помощь — помощь адвоката.

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

далее:

В разделе «Для физических лиц» мной освещены следующие вопросы:

— административные дела

— военные споры (военный адвокат)

а тут хотелось бы что бы было видно что это ссылка)

ссылки с переходами выделялись синим цветом, а просто текст с комментариями не выделялся.

(чувствую что не совсем верно объясняю...)

попробовал в файл style.css написать:

a {color:#000000;text-decoration:none;}

a[href]{color:#00b2ec;text-decoration:none;}

a[href]:hover{color:#00b2ec; text-decoration: underline;}

в принципе получилось как хотел)

но на 90% уверен, что не правильно

IL
На сайте с 20.04.2007
Offline
418
#6
krilovsky68:
в нем как раз не хотелось бы что бы текст выделялся другим цветом.

А зачем в таком случае вставлять ссылку вообще?

И да, вторая ссылка при клике на неё не реагирует.. т.е. она, как бы тоже "без перехода" )

Можно прямо в стиль элемента прописать <a style="color:#..; text-decoration:none;"

a[href=""], a[href="#"] {
color:#..;
text-decoration:none;
}
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
K6
На сайте с 08.08.2019
Offline
7
#7
ivan-lev:
Можно прямо в стиль элемента прописать <a style="color:#..; text-decoration:none;"
a[href=""], a[href="#"] {

color:#..;
text-decoration:none;
}

я не совсем понимаю, как это сделать - я не программист.

1. ссылка <a title="адвокат по административным делам в Тамбове" href="/dlya-fizicheskih-lits/administrativnye-dela/">административные дела</a>

2. ссылка <a title="адвокат по военным делам в Тамбове" href="/dlya-fizicheskih-lits/">военные споры (военный адвокат)</a>

текст без ссылки:

Раздел сайта «Для физических лиц» ориентирован на граждан, которым требуется <a title="юридическая помощь адвоката">«Для физических лиц»</a> — помощь адвоката.

хотелось бы что бы при наведении на текст без ссылки <a title="юридическая помощь адвоката">«Для физических лиц»</a> только отображался скрытый текст (цвет не менялся).

в вот ссылки:

адвокат по административным делам в Тамбове

адвокат по военным делам в Тамбове

были активными и выделялись как положено (по тексту синим цветом, а при наведении подчеркивание)

так можно сделать? или очень сложно?

огромное спасибо за внимание к моему вопросу.

IL
На сайте с 20.04.2007
Offline
418
#8
ivan-lev:
a[href=""], a[href="#"] {
color:#000;
text-decoration:none;
}

Добавить этот код в файл .css и нажать CTRL+F5 на сайте.

krilovsky68:
хотелось бы что бы при наведении на текст без ссылки <a title="юридическая помощь адвоката">«Для физических лиц»</a> только отображался скрытый текст (цвет не менялся).
K6
На сайте с 08.08.2019
Offline
7
#9
ivan-lev:
Добавить этот код в файл .css и нажать CTRL+F5 на сайте.

я правильно вас понял, что текст в файле будет выглядеть так:

со второй строки:

a {color:#000000;text-decoration:none;}

a:hover {text-decoration:none;font-weight:normal;color:#00aeef;}

a[href=""], a[href="#"] {color:#000;text-decoration:none;}

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

a[href=""], a[href="#"] {color:#000;text-decoration:none;}

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

вопрос: можно сделать, что бы цвет текста с ссылками был: 00b2ec ?

вопрос:: если удалить

a {color:#000000;text-decoration:none;}

a:hover {text-decoration:none;font-weight:normal;color:#00aeef;}

это еще ни на чем не отобразится?

S
На сайте с 30.09.2016
Offline
469
#10
krilovsky68:
хотелось бы что бы при наведении на текст без ссылки <a title="юридическая помощь адвоката">«Для физических лиц»</a> только отображался скрытый текст (цвет не менялся).

Ну так же и сделайте:

a {color:#000000;text-decoration:none;}
a[href]:hover {font-weight:normal;color:#00aeef;}

Но вообще-то ссылку без href обычно используют во всяких навигационных элементах, там это бывает удобно в определённых случаях. А в свободном тексте можно и span использовать, как SeVlad выше заметил; title можно к любому элементу прицепить, если дело только в нём.

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий