1

Тема: Як забрати підкреслення картинки в <a href=

Доброго дня!
Допоможіть прибрати підкреслення картинок-посилань при наведення на них на сайті під Wordpress. Тема на якій створено сайт має налаштування вкл/викл підкреслення для посилань. Зараз відкреслення включено. В одному з блоків треба вставити картинки-посилання, але без підкреслення при наведенні на них.  Приклад коду

<p style="text-align: center;">
    <a href="https://wordpress.org/" target="_blank" rel="noopener">
        <img
            src="https://s.w.org/style/images/wporg-logo.svg"
            alt="Blog Tool, Publishing Platform, and CMS — WordPress"
            title="Blog Tool, Publishing Platform, and CMS — WordPress"
            width="240"
        />
    </a>
</p>

Як в CSS правильно описати hover ефект, щоб підкреслення не було. "Text-decoration: none;" - не спрацьовує.

2

Re: Як забрати підкреслення картинки в <a href=

IS1971 написав:

Доброго дня!
Допоможіть прибрати підкреслення картинок-посилань при наведення на них на сайті під Wordpress. Тема на якій створено сайт має налаштування вкл/викл підкреслення для посилань. Зараз відкреслення включено. В одному з блоків треба вставити картинки-посилання, але без підкреслення при наведенні на них.  Приклад коду

<p style="text-align: center;">
    <a href="https://wordpress.org/" target="_blank" rel="noopener">
        <img
            src="https://s.w.org/style/images/wporg-logo.svg"
            alt="Blog Tool, Publishing Platform, and CMS — WordPress"
            title="Blog Tool, Publishing Platform, and CMS — WordPress"
            width="240"
        />
    </a>
</p>

"
Як в CSS правильно описати hover ефект, щоб підкреслення не було. Text-decoration: none;" - не спрацьовує.

що таке  - "не спарцьовує"? Де у вас видно що саме цей клас або ид застосовується до цього тегу?
Вам треба щось наприклад (файл css треба звичайно підключити, не є повним прикладом):

#site.css

.withoutunderstricke{
text-decoration: none;
}

#some.html
<a class="withoutunderstricke" href="https://wordpress.org/" target="_blank" rel="noopener">
        <img
            src="https://s.w.org/style/images/wporg-logo.svg"
            alt="Blog Tool, Publishing Platform, and CMS — WordPress"
            title="Blog Tool, Publishing Platform, and CMS — WordPress"
            width="240"
        />
    </a>
Подякували: leofun01, bebyk2

3

Re: Як забрати підкреслення картинки в <a href=

Ось код
html

<div class="center">
<div class="wordpress">
<p style="text-align: center;"><a href="https://wordpress.org/" target="_blank" rel="noopener"><img class="img-opacity" src="https://s.w.org/style/images/wporg-logo.svg" alt="Blog Tool, Publishing Platform, and CMS — WordPress" title="Blog Tool, Publishing Platform, and CMS — WordPress" width="240" /></a></p>
</div>
</div>

css

.center {
    display: flex;
    justify-content: center;
    overflow: auto;
    max-width: 100%;
}
.wordpress {
    float: left;
    padding-top: 4%;
    padding-right: 20px;
}
a:hover {
    text-decoration: none;
}
.img-opacity {
    opacity: 0.7;
}
.img-opacity:hover {
    opacity: 1;
}

4 Востаннє редагувалося Monolith (01.04.2019 10:36:08)

Re: Як забрати підкреслення картинки в <a href=

Користуйтеся CodePen для демонстрації коду.

a { text-decoration: none; }

Це взагалі прибрати підкреслення.

Скоріше, якесь правило переписує ваше. Почитайте про вагу CSS-селекторів та користуйтеся інспектором в браузері.

Подякували: varkon, leofun012

5

Re: Як забрати підкреслення картинки в <a href=

Monolith написав:

Користуйтеся CodePen для демонстрації коду.

a { text-decoration: none; }

Це взагалі прибрати підкреслення.

Скоріше, якесь правило переписує ваше. Почитайте про вагу CSS-селекторів та користуйтеся інспектором в браузері.

Так я і хочу прибрати повністю на одних картинках сайту. В загальному налаштуванні теми вибрано "показувати підкреслення на посиланнях". А от тільки на цих картинках-посиланнях хочу прибрати підкреслення.

6

Re: Як забрати підкреслення картинки в <a href=

IS1971 написав:
Monolith написав:

Користуйтеся CodePen для демонстрації коду.

a { text-decoration: none; }

Це взагалі прибрати підкреслення.

Скоріше, якесь правило переписує ваше. Почитайте про вагу CSS-селекторів та користуйтеся інспектором в браузері.

Так я і хочу прибрати повністю на одних картинках сайту. В загальному налаштуванні теми вибрано "показувати підкреслення на посиланнях". А от тільки на цих картинках-посиланнях хочу прибрати підкреслення.

створіть свій клас як я показав. Й вньому робіть що вам забажається.

Подякували: bebyk1

7

Re: Як забрати підкреслення картинки в <a href=

varkon написав:
IS1971 написав:
Monolith написав:

Користуйтеся CodePen для демонстрації коду.

a { text-decoration: none; }

Це взагалі прибрати підкреслення.

Скоріше, якесь правило переписує ваше. Почитайте про вагу CSS-селекторів та користуйтеся інспектором в браузері.

Так я і хочу прибрати повністю на одних картинках сайту. В загальному налаштуванні теми вибрано "показувати підкреслення на посиланнях". А от тільки на цих картинках-посиланнях хочу прибрати підкреслення.

створіть свій клас як я показав. Й вньому робіть що вам забажається.

Створив. Результат той же.

Подякували: bebyk1

8

Re: Як забрати підкреслення картинки в <a href=

IS1971 написав:

Створив. Результат той же.

ваше правило приміняеться? що ви бачете в інспекторі?

9 Востаннє редагувалося IS1971 (01.04.2019 11:55:48)

Re: Як забрати підкреслення картинки в <a href=

https://replace.org.ua/uploads/images/7808/cdec397c31f50cbfaa67fdbb98fa5d04.jpg
Скрін

10

Re: Як забрати підкреслення картинки в <a href=

IS1971 написав:
varkon написав:
IS1971 написав:

Так я і хочу прибрати повністю на одних картинках сайту. В загальному налаштуванні теми вибрано "показувати підкреслення на посиланнях". А от тільки на цих картинках-посиланнях хочу прибрати підкреслення.

створіть свій клас як я показав. Й вньому робіть що вам забажається.

Створив. Результат той же.

Пробували?

!important
Подякували: IS19711

11 Востаннє редагувалося reverse2500 (22.01.2020 23:20:17)

Re: Як забрати підкреслення картинки в <a href=

Не потрібно допомагати, спамер народжується

12

Re: Як забрати підкреслення картинки в <a href=

reverse2500 написав:

спамер народжується

Зловімо його!

Подякували: reverse2500, /KIT\, flatliner3

13

Re: Як забрати підкреслення картинки в <a href=

reverse2500 написав:

Не потрібно допомагати, спамер народжується

Звідки така видумка взялась?

14

Re: Як забрати підкреслення картинки в <a href=

reverse2500 написав:

Не потрібно допомагати, спамер народжується

Спробуймо змалювати не дихотомну картину.

Прихований текст

В цього добродія сайт не найкращої якості, але повністю українською, навіть без версії кацапедлівською. Я, чесно кажучи, не зустрічав ще реального спаму українською. ХОТІТИ. Навіть на мій блоґ все шлють або кацапською, або якоюсь пакістано-англійською. Дайте мені спам рідною мовою! А подумайте, якщо наш спам масово розсилати російськомовним. Це ж українізація в дії! Повсякчас на українська присутність ув ізольованій бульбашці росоміру/срунету - і принаймні роздратуємо українофобів, регулярно нагадуючи, що ми ось, за рогом, а ти, москалику вже приїхав.

Подякували: P.Y., 0xDADA11C7, leofun01, 221VOLT4

15

Re: Як забрати підкреслення картинки в <a href=

Цікаво)
У вас

    border-bottom: 1px solid;

добавляє підкреслення, а не text-decoration))
Добавте:

    a:hover {
        border-bottom: none;
   }
Подякували: 221VOLT1

16

Re: Як забрати підкреслення картинки в <a href=

IS1971 написав:

Звідки така видумка взялась?

Це стандартні задачі які вирішують спамери, знаю, колись влаштовувався на роботу подібну, там і перекреслювання, кодувалась пошта JavaScript, все, аби захистити від скан ботів.

17

Re: Як забрати підкреслення картинки в <a href=

reverse2500 написав:
IS1971 написав:

Звідки така видумка взялась?

Це стандартні задачі які вирішують спамери, знаю, колись влаштовувався на роботу подібну, там і перекреслювання, кодувалась пошта JavaScript, все, аби захистити від скан ботів.

Що за маячня? Не мати підкреслень у зображень - це звичайний стандарт сучасного веб-дизайну. Незалежно від поведінки зображення, у разі на нього клікнути.