Хочется что-то вот такое:
|
1 |
<a href="https://foo.com" title="<img src='https://foo.com/image.jpg'>" target="_blank"> bar </a> |
Дополнительно:
Содержание
Я понимаю без js, но не используя css... Невозможно. И почему именно без сss?
Ответы:
Никак.
Это аккаунт для генерации контента на сайте? 336 вопросов по всем или практически всем возможным тегам сайта. И, судя по содержанию, сомнительного характера.
- Возможно, какой-то прокси с другого сайта.
- mahmudchon
Ну да, если не удалось дать полезный ответ, то надо хотя бы высказаться про личность автора вопроса. Это в рунете незыблемая традиция. - 0xC0CAC01A, в чем заключается особенность, из-за которой невозможно css использовать?
Мне в html макс что приходит на ум из такого плана - это лишь тег abbr, но там в title лишь текст указывается. - mahmudchon, Хочется один HTML файл, а не традиционная россыпь, ну и минимализм кода.
- 0xC0CAC01A, минимализм? в чем? у вас становится больше HTML кода и меньше CSS?
- FeST1VaL, думаю, что он имел ввиду с применением минимального набора инструментов.
А что вам мешает css инлайн стилем добавить? Можно даже картинку в base64 перевести и туда же интегрировать, чтобы не обращаться ни к каким сторонним ресурсам.
- Ну, хотелось элегантного решения. Но, поскольку элегантность давно вышла во фронтенде из моды, то да, придётся огород городить. Кстати, есть где прототип такого решения, чтоб не убить два часа на изобретение своего велостпеда?
|
1 |
<a href="" class="tooltip"> <img src=""> Link </a> |
|
1 |
.tooltip { position: relative; } .tooltip > img { display: none; position: absolute; left: 0; bottom: 100%; } .tooltip:hover > img { display: block; } |
Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.
Оставить комментарий Отменить
Ответы
- Есть ответ! к записи Как уменьшить масштаб меньше 100% в Windows 10 (22H2)
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Как называется человек, который дизайн придумает для сайта и сверстает его?
- Есть ответ! к записи Можно ли установить Яндекс.Диск на АльтЛинукс?
- Есть ответ! к записи Картинки мутные только на сафари, есть выход?
- Есть ответ! к записи Keenetic. Как настроить SSTP клиент с сертификатом?
- Есть ответ! к записи Чем заменить executor в aiogram 3?
Для создания тултипа с картинкой в HTML без использования CSS можно воспользоваться атрибутом title у тега img. Однако, у этого метода есть свои ограничения, например, нельзя изменить стиль тултипа или его расположение.
Пример кода:
Если вам нужно больше гибкости и возможности стилизации тултипа, то лучше использовать CSS. Вот пример кода, который позволит создать тултип с картинкой с использованием CSS:
HTML:
CSS:
Этот код создаст тултип с картинкой, который появляется при наведении курсора на изображение. Вы можете настроить стили по своему усмотрению, изменив цвета, размеры и расположение тултипа.