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;" - не спрацьовує.

Сайт портфоліо https://logotyp.pp.ua

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;
}
Сайт портфоліо https://logotyp.pp.ua

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-селекторів та користуйтеся інспектором в браузері.

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

Сайт портфоліо https://logotyp.pp.ua

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-селекторів та користуйтеся інспектором в браузері.

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

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

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

Сайт портфоліо https://logotyp.pp.ua
Подякували: 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
Скрін

Сайт портфоліо https://logotyp.pp.ua

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 написав:

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

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

py -3 -m pip install git+https://github.com/snoack/python-goto
∩⍴○⌈⍴⍺/∧\∨/⊢○ ⌿⍀⍴⌊
Подякували: reverse2500, /KIT\, bvn3

13

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

reverse2500 написав:

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

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

Сайт портфоліо https://logotyp.pp.ua

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, все, аби захистити від скан ботів.

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