Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Need advice from some CSS master to post memes upward in chat.

I'm currently using this trick: to post sticker style memes in the chat, overlaying previous messages. Like adding [objection](<a href="https://i.ibb.co/GTKfvbC/Phoenix-Wright-Objection-fast.webp" rel="nofollow">https://i.ibb.co/GTKfvbC/Phoenix-Wright-Objection-fast.webp</a>" style="position:relative; top:-300px; left:-5px; cursor: default; max-width:100%" ".png) into my counter spell for comedic effect. The problem is it creates a bunch of empty space where the adjusted image would have been with the styling. Is there a way to wrap, contain or otherwise display the image without creating the unnecessary blank space? My CSS-fu is fair to middlin' but I know there are some experts around here, and I'm hoping you can point out a cool trick I missed.
1720372179

Edited 1720372367
vÍnce
Pro
Sheet Author
Seems like you could either change to position: absolute; or if left using position: relative;&nbsp; include a margin-bottom equal to the negative top value. example; [objection]( <a href="https://i.ibb.co/GTKfvbC/Phoenix-Wright-Objection-fast.webp" rel="nofollow">https://i.ibb.co/GTKfvbC/Phoenix-Wright-Objection-fast.webp</a> " style="position:absolute; top:-300px; left:-5px; cursor: default; max-width:100%" ".png) [objection]( <a href="https://i.ibb.co/GTKfvbC/Phoenix-Wright-Objection-fast.webp" rel="nofollow">https://i.ibb.co/GTKfvbC/Phoenix-Wright-Objection-fast.webp</a> " style="position:relative; top:-300px; margin-bottom :-300px; left:-5px; cursor: default; max-width:100%" ".png)
1720803831

Edited 1720973540
Cereal Nommer
Pro
Sheet Author
The position:​absolute style still works in most cases but didn't solve the problem. I think I tried that before anyway. The negative margin-bottom trick was just what I needed though. It still leaves me with a line​break worth of blank chat​box, but that's way more manageable. I'm going to be trying it out tonight. Thank you kindly! Update: The linebreak of blank space seems to be when wrapped in a template, e.g. attacks or spells. Just posting to the chat directly still gives blank space to scroll into, but new messages fill in the blank area first.