Tormenta Custom Sheet

Hello, everybody! I've been trying to add a custom sheet to play a brazilian D&D called "Tormenta" but foud some issues along the way. This is the HTML <a href="http://www.torrevorpal.com.br/wp-content/uploads/2" rel="nofollow">http://www.torrevorpal.com.br/wp-content/uploads/2</a>... And this is the CSS <a href="http://www.torrevorpal.com.br/wp-content/uploads/2" rel="nofollow">http://www.torrevorpal.com.br/wp-content/uploads/2</a>... Somehow together they should become this <a href="http://www.torrevorpal.com.br/wp-content/uploads/2" rel="nofollow">http://www.torrevorpal.com.br/wp-content/uploads/2</a>... But this is what I'm getting <a href="http://i.imgur.com/sCiIoLH.png" rel="nofollow">http://i.imgur.com/sCiIoLH.png</a> I know nothing about CSS and HTML so I can't say if there is something wrong with the coding itself. Hope you guys can help me out. Cheers!

Nobody? :(

It's kind of hard trouble shooting something I didn't write myself and not knowing CSS all that proficiently. However, it looks like you are making use of the sheet-row div class, but none of the sheet-col* classes. Given that, I would first look the way your DIVs are classed. Meaning, DIVs, as I understand it, stack unless they are given instructions not to. I don't know the specifics of how to get them to sit side by side, but using the sheet-col, sheet-2colrow and sheet-3colrow would likely help get things sitting side by side. When I created my sheets I used sheet-row and set a specific width for the entire row, then I used sheet-col within that row DIV and would use however many of those I needed, specifying their width as necessary. I hope that helps, at least a little.

I should use the div class "sheet-col", "sheet-2colrow" and "sheet-3colrow" for one, two or three columns. You should put the "sheet-colrow" for every row in your column. I sugest the &lt;table&gt; tag for Atributes, Skills and etc. Last, use &lt;hr&gt; tag to separate your sheet in parts and get a better overview. You can find more info here: <a href="https://wiki.roll20.net/Character_Sheets#HTML.2FLayout" rel="nofollow">https://wiki.roll20.net/Character_Sheets#HTML.2FLayout</a>

I think I got it! Looks as far as I understood that whoever coded the HTML did not use the "sheet-col" etc rule. It will be a pain in the arse to redo it though. Thanks, guys! Without you I would take days to notice that. :D OP here.