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

How to position images?

March 27 (6 days ago)
Aero
Pro

I'm trying to position an image at a particular position on the sheet. I can get the image on the sheet, but it won't listen to the CSS position or size settings. What am I doing wrong here?

html:

<img src="https://i.imgur.com/ewnhbrA.png" class="agility6">

CSS:

.agility6 {
  position: absolute; 
  top: 200px;
  left: 20px; 
  width: 100px; 
  height: auto; 
  border: none; 
}
March 27 (6 days ago)
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
Your css looks good, what does inspector show when you inspect the element in the sandbox?
March 27 (6 days ago)

Edited March 27 (6 days ago)
vÍnce
Pro
Sheet Author

I often find that the parent element is the root cause of positioning problems, either because of it's display type and/or is missing positioning itself.