Как вставить всплывающее фото

[Csandrin]

Добрый день! Помогите, пожалуйста, разобраться. Как сделать, чтобы при наведении курсора мышки на название дорамы, например "Усмиритель душ", появлялось фото. Адрес картинки i.mydramalist.com/kk7Rmf.jpg.
У меня постоянно картинка обрезается, не знаю, что поменять в настройках нужно.

Получается вот так

Усмиритель душ

@темы: Вставка медиа-объектов, [+] Отвечено, [!] Проблема, У меня ДНЕВНИК, У меня КОМПЬЮТЕР/НОУТБУК, У меня Opera 12, Windows 7

Comments

[AxisNk]

Csandrin, поставьте атрибуты height и width для изменения размеров изображения:

<div style="display:inline-block; text-decoration:underline; text-decoration-style:dotted; text-decoration-color: #999" class="withfloat">Усмиритель душ<div class="flwin" style="margin-left:110px;"><img width="100%" height="100%" src="https://i.mydramalist.com/7gB1ef.jpg"></div></div>

[Csandrin]

AxisNk, большое спасибо за помощь! Теперь все получилось!

[Basenji]

Та же проблема.

Теперь все получилось

А у меня нет, всё равно обрезается.

[AxisNk]

Csandrin, я рада)

Basenji, у Вас нет атрибутов height и width

[Basenji]

AxisNk, в смысле? Я взяла ваш код.

[AxisNk]

мой код:

<img width="100%" height="100%" src="https://i.mydramalist.com/7gB1ef.jpg"></div></div>

Ваш код:

<img src="https://s8.hostingkartinok.com/uploads/images/2019/01/262e0383af40d0920cc5f6ee754ecd55.png" alt="изображение">

У меня стоят атрибуты изображения - ширина и высота=100%

[Basenji]

AxisNk, эмм... Я взяла ваш код, вставила в новую запись, нажала на "Предпросмотр", навела курсор на надпись, сделала скрин, вставила скрин в свой коммент.

[AxisNk]

Basenji, я поняла. Извините.
Проверила код в разных браузерах. Хм, когда создавала первый коммент, писала его из мазилы и он работал. На сегодня в опере и мазиле изображение опять обрезается.

[Basenji]

AxisNk, у меня Хром. Обрезаться изображение стало месяца 4 назад, до этого всё нормально было.

[AxisNk]

Basenji, сейчас опробовала такую вещь:

1





<div style="display:inline-block; text-decoration:underline; text-decoration-style:dotted; text-decoration-color: #999" class="withfloat">Усмиритель душ<div class="flwin" style="margin-left:110px;"><img width="100%" height="100%" src="https://i.mydramalist.com/7gB1ef.jpg"></div></div>





1

Попробуйте. Как у Вас отображается?

[Basenji]

AxisNk, изображение видно целиком, но оно малюсенькое, не полноразмер. Да, я тоже заметила, что чем дальше от края блока записи вставлено такое всплывающее изображение, тем бОльшая его часть показывается. Но от этого как-то не легче. Не будешь же такие изображения вставлять исключительно окружив их текстом со всех сторон. Раньше за эту рамку картинки спокойно выходили, а теперь не могут.