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 http://www.torrevorpal.com.br/wp-content/uploads/2...
And this is the CSS http://www.torrevorpal.com.br/wp-content/uploads/2...

Somehow together they should become this http://www.torrevorpal.com.br/wp-content/uploads/2...

But this is what I'm getting http://i.imgur.com/sCiIoLH.png

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 <table> tag for Atributes, Skills and etc. Last, use <hr> tag to separate your sheet in parts and get a better overview. You can find more info here: https://wiki.roll20.net/Character_Sheets#HTML.2FLayout

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.