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 do I create a proper Page Border/Margin

1409673467
Tom
Plus
Sheet Author
I've gone back and taken a hard look at my CSS code and tried to clean it up, getting rid of any legacy issues from the sheet I was using for my template. Now there are two things I'd like to do, but how to do them completely escapes me. The first change is pretty extensive. The second should be easy, but I haven't had any luck doing it. Right now, for whatever reason, the outer margins of my sheet are created by the "sheet-3colrow" class. Every section begins with the following HTML: <div class='sheet-3colrow'> </div> Now, from what I've learned since I started this project, this is dumb. And I have no idea why it works. But it does. If I take it out, I loose my margin. But everything after it works and formats just fine. But, as I understand it, all my section content should be INSIDE this DIV, like this, right? <div class='sheet-3colrow'> <div style="width:90px" align="left"> <h4 style="line-height:28px">Name:</h4> <h4 style="line-height:28px">Nationality:</h4> <h4 style="line-height:28px">Gender:</h4> <h4 style="line-height:28px">Religion:</h4> </div> </div> If so, then what I'd like to do is create a page border as a separate entity. How does one do that? Is it even necessary? Should I just leave well enough alone?
1409676919
Lithl
Pro
Sheet Author
API Scripter
The sheet-3colrow class is designed to contain three different sheet-col divs. (There's also sheet-2colrow which is meant to contain two sheet-col divs.) These classes were designed to give you easy access to a multi-column layout. If you want a single column, or more than three columns, you shouldn't use sheet-3colrow or sheet-2colrow. If you just want some padding around your entire sheet, you could add some CSS: .charsheet { padding: 10px; /* Or whatever value pleases you */ } If you're actually interested in some padding within a div with a border, apply the padding CSS to that element. If you want some extra space between elements, add margins to them.