1 Тема від IS1971

  • IS1971
  • IS1971
  • Користувач
  • Поза форумом
  • Звідки: Івано-Франківськ
  • Дата реєстрації: 03.07.2018
  • Повідомлень: 35
    • Репутація: 3

Тема: Як забрати підкреслення картинки в <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;" - не спрацьовує.

IS1971 вебсайт

2 Відповідь від varkon

  • varkon
  • varkon
  • Night bird
  • Поза форумом
  • Звідки: Дніпро
  • Дата реєстрації: 18.01.2017
  • Повідомлень: 641
    • Репутація: 572

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

varkon вебсайт

3 Відповідь від IS1971

  • IS1971
  • IS1971
  • Користувач
  • Поза форумом
  • Звідки: Івано-Франківськ
  • Дата реєстрації: 03.07.2018
  • Повідомлень: 35
    • Репутація: 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;
}

IS1971 вебсайт

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

  • Monolith
  • Monolith
  • Replace Group
  • Поза форумом
  • Звідки: Звідси
  • Дата реєстрації: 29.07.2014
  • Повідомлень: 724
    • Репутація: 768

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

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

a { text-decoration: none; }

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

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

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

5 Відповідь від IS1971

  • IS1971
  • IS1971
  • Користувач
  • Поза форумом
  • Звідки: Івано-Франківськ
  • Дата реєстрації: 03.07.2018
  • Повідомлень: 35
    • Репутація: 3

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

Monolith написав:

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

a { text-decoration: none; }

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

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

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

IS1971 вебсайт

6 Відповідь від varkon

  • varkon
  • varkon
  • Night bird
  • Поза форумом
  • Звідки: Дніпро
  • Дата реєстрації: 18.01.2017
  • Повідомлень: 641
    • Репутація: 572

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

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

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

a { text-decoration: none; }

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

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

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

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

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

varkon вебсайт

7 Відповідь від IS1971

  • IS1971
  • IS1971
  • Користувач
  • Поза форумом
  • Звідки: Івано-Франківськ
  • Дата реєстрації: 03.07.2018
  • Повідомлень: 35
    • Репутація: 3

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

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

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

a { text-decoration: none; }

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

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

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

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

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

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

IS1971 вебсайт

8 Відповідь від varkon

  • varkon
  • varkon
  • Night bird
  • Поза форумом
  • Звідки: Дніпро
  • Дата реєстрації: 18.01.2017
  • Повідомлень: 641
    • Репутація: 572

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

IS1971 написав:

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

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

varkon вебсайт

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

  • IS1971
  • IS1971
  • Користувач
  • Поза форумом
  • Звідки: Івано-Франківськ
  • Дата реєстрації: 03.07.2018
  • Повідомлень: 35
    • Репутація: 3

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

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

IS1971 вебсайт

10 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

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

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

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

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

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

Пробували?

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

bebyk вебсайт

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

  • reverse2500
  • reverse2500
  • Я діск С на троянському коні
  • Поза форумом
  • Звідки: UA Львів
  • Дата реєстрації: 08.07.2014
  • Повідомлень: 2 745
    • Репутація: 1318

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

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

reverse2500 вебсайт

12 Відповідь від P.Y.

  • P.Y.
  • P.Y.
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 19.02.2013
  • Повідомлень: 7 655
    • Репутація: 4983

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

reverse2500 написав:

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

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

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

13 Відповідь від IS1971

  • IS1971
  • IS1971
  • Користувач
  • Поза форумом
  • Звідки: Івано-Франківськ
  • Дата реєстрації: 03.07.2018
  • Повідомлень: 35
    • Репутація: 3

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

reverse2500 написав:

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

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

IS1971 вебсайт

14 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

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

reverse2500 написав:

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

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

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

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

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

bebyk вебсайт

15 Відповідь від harentius

  • harentius
  • Користувач
  • Поза форумом
  • Дата реєстрації: 23.01.2020
  • Повідомлень: 54
    • Репутація: 80

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

Цікаво)
У вас 

    border-bottom: 1px solid;

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

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

16 Відповідь від reverse2500

  • reverse2500
  • reverse2500
  • Я діск С на троянському коні
  • Поза форумом
  • Звідки: UA Львів
  • Дата реєстрації: 08.07.2014
  • Повідомлень: 2 745
    • Репутація: 1318

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

IS1971 написав:

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

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

reverse2500 вебсайт

17 Відповідь від bebyk

  • bebyk
  • bebyk
  • Replace Group
  • Поза форумом
  • Дата реєстрації: 29.10.2018
  • Повідомлень: 1 655
    • Репутація: 1056

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

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

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

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

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

bebyk вебсайт