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

Making a static background

Hello, I've been experimenting with custom sheet creation and have managed to make a barebones, but fully functional sheet for Kids On Bikes. However, I want to try making something that actually looks like the game's printable sheet: <a href="https://image.ibb.co/bP84WK/Universal_Character_Sheet_1.png" rel="nofollow">https://image.ibb.co/bP84WK/Universal_Character_Sheet_1.png</a> . The idea was to use this image as a static, fixed-size background to position the various interactive elements, but background-image makes the background all wonky. The background image only loads to the point where there are html elements, so I can't possibly move stuff around. So then how do I go about doing this?
1533662771
Pat S.
Forum Champion
Sheet Author
What does the code look like? I know of another sheet that uses a static background image from about 3 years ago. It is a very simple sheet with less than 100 lines of html and 16 lines of css.
1533685753
vÍnce
Pro
Sheet Author
you should be able to use a "wrapper" div with width and background-image. This might help. <a href="https://www.ostraining.com/blog/coding/css-background-image/" rel="nofollow">https://www.ostraining.com/blog/coding/css-background-image/</a>