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

Looking for some Help

I'm just starting to get into creating my own sheet, and with very rusty HTML and little to no CSS experience. That being said I was able to pull what I needed from other sheets in the github repository to get started and so far the sheet is functional, but well... it looks like ass. Like terribly so. But its something I'd like to figure out for myself as I'm working on this but right now I've been beating my head against a wall for the last few hours trying to figure out what I'm sure is a simple formatting issue.  This is what I have at the moment,  WIP So there's a few things here that I'd like to clean up. The text and boxes on the right hand side towards the top, name age etc, I'd like them to be more right aligned and not affect the spacing between the Attributes and Condistions boxes. If possible I'd also like to do some alternating colors behind the fields but that's more of a nice to have and not bothering me all that much.
1482918908
Finderski
Plus
Sheet Author
Compendium Curator
It would help if you shared your code, but my first recommendation would be to use a 2-column row set up (maybe), if you don't want to affect the spacing between Attributes and Conditions. The basic setup would look something like this... <div class='sheet-2colrow'> <div class='sheet-col'> <div class='sheet-row'> <!--Code for Attributes goes here--> </div> <div class='sheet-row'> <!--Code for Conditions goes here--> </div> </div> <div class='sheet-col'> <div class='sheet-row'> <!--Code for Name, Age, etc goes here--> </div> </div> </div>
Sorry, yeah the code would likely be helpful. Keep in mind this is probably a giant mess but here it is. <div class='sheet-4colrow'>     <div class='sheet-col'>         <h4 class="attr-head"> ATTRIBUTES</h4>         <div class="attr">             <table style="width:300px"> <!------Attributes-------->     </table>         </div>     </div>      <div class='sheet-col'>         <div class="info">             <table style="width:300px"> <!-----Info (name age etc-----> </table>         </div>     </div>     <br><br>     <div class='sheet-4colrow'>     <div class='sheet-col'>         <h4 class="condition-head"> CONDITIONS</h4>         <div class="condition">             <table style="width:300px"> <!----Conditions------->             </table>         </div>     </div>     </div>
1482956128
Kirsty
Pro
Sheet Author
Hey Jason. I pmed you over reddit. I'm just dropping a line here so that you've got my Roll20 account info!