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

[Sheet editing help needed] CSS/layout broken

1529729053
Andreas J.
Forum Champion
Sheet Author
Translator
So I picked up on editing sheets again, and have spent some time trying to fix the visuals of the Weaverdice sheet. So far I've had no luck in understanding why on roll20 it doesn't show all the the tables as it does on jsfiddle. I've trimmed the code to be more bearable(and would hopefully have less faults), run css/html through several validators, added and removed " .charactersheet " class from css, triple-checked class names, compared it to other sheet's code, and looked at the wiki several times if I overlooked something, but I have nothing.&nbsp;&nbsp; My current code can be found <a href="https://jsfiddle.net/yhxk3onq/16/" rel="nofollow">https://jsfiddle.net/yhxk3onq/16/</a>, and it's preview shows it should work. This is how the sheet looks on Roll20:
1529736969

Edited 1529737470
vÍnce
Pro
Sheet Author
One line in your css seems to be causing the issue content: '/2764'; Try replacing with content: '❤'; or maybe content: '&amp;hearts;';
1529754581
Andreas J.
Forum Champion
Sheet Author
Translator
Vince said: Try replacing with content: '❤'; or maybe content: '&hearts;'; It worked! I replaced it with '❤'? What tools did you use to notice that line was an issue? Haven't seen anything with the online css checkers I used.
1529767658

Edited 1529767711
vÍnce
Pro
Sheet Author
I started culling down your css.&nbsp; All your column styles looked fine, but when I removed the remaining css, the top of your page suddenly styled correctly.&nbsp; I knew something was up because the normal inspect element of investigation was not showing your classes as expected once loaded in roll20.&nbsp; Roll20 sanitizes certain elements as well as loading it's own css which makes developing outside of roll20 difficult.&nbsp; I've used text and pictos characters within content so, /2764 looked odd. ;-P&nbsp; Glad you got it worked out.&nbsp; Cheers
1529770883
Andreas J.
Forum Champion
Sheet Author
Translator
Vince said: I started culling down your css.&nbsp;&nbsp; Oh, right, check a few segments at a time. I'll remember in the future.