Questions about sheet building

Without seeing the actual code, it is rather hard to guess.

<input type="radio" name="attr_tab" value="1" title="First Tab" checked="checked" /> <input type="radio" name="attr_tab" value="2" title="Second Tab" /> <input type="radio" name="attr_tab" value="3" title="Third Tab" /> <input type="radio" name="attr_tab" value="4" title="Fourth Tab" /> <div> <h1>Tab 1</h1> Lorem ipsum dolor sit amet </div> <div> <h1>Tab the Second</h1> consectetur adipisicing elit </div> <div> <h1>3rd Tab</h1> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </div> <div> <h1>Fourth Tab</h1> Ut enim ad minim veniam </div> this is the html^ div.sheet-tab-content { display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4 { display: block; } input.sheet-tab { width: 150px; height: 20px; position: relative; top: 5px; left: 6px; margin: -1.5px; cursor: pointer; z-index: 1; } input.sheet-tab::before { content: attr(title); border: solid 1px #a8a8a8; border-bottom-color: black; text-align: center; display: inline-block; background: #fff; background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); width: 150px; height: 20px; font-size: 18px; } input.sheet-tab:checked::before { background: #dcdcdc; background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); border-bottom-color: #fff; } input.sheet-tab:not(:first-child)::before { border-left: none; } input.sheet-tab2::before { background: #fee; background: -moz-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: -webkit-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: -ms-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: -o-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); } input.sheet-tab2:checked::before { background: #dcdcdc; background: -moz-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: -webkit-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: -ms-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: -o-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); border-bottom-color: #fcecec; } div.sheet-tab-content { border: 1px solid #a8a8a8; border-top-color: #000; margin: 2px 0 0 5px; padding: 5px; } div.sheet-tab2 { background-color: #fcecec; } This it the css^

If that is all of the HTML code you are using, I will venture a guess and say you did not steal enough from octoba.

... Still not working

Found it! the code missed the css link!

well... this is pretty overwhelming

I honestly have no idea how to adjust this code

There doesn't seem to be enough HTML code to produce much more than: Is this what you see when you look at your sheet?

OldSchoolChris said: Enough of the HTML code. pardon

Ok so I've been deciphering the tab code and I've almost got it, but there's a few thing's still not working. I tried to add a fifth tab but all the content was put into the forth tab, this is after I added everything I could think of to make the fifth work. secondly, after I added the sheet content on the first tab, the content on the other's disappeared. anyone know why?

I edited my post. I have no idea what you are asking, but I am not a great coder. I took the css/html you had posted and put it into a new campaign I created. I DO know that is a LOT of css for html that isn't using any of it from what I can see.

  Grim G. said: I tried to add a fifth tab but all the content was put into the forth tab, this is after I added everything I could think of to make the fifth work. Make sure your css has "input.sheet-tab5:checked ~ div.sheet-tab5" in it (this tells the program that you want a chunk of information hidden until you hit the correct tab button).  That part of the css should look like this: input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5 { display: block; } Note the comma added to the end of the div.sheet-tab4 Grim G. said: secondly, after I added the sheet content on the first tab, the content on the other's disappeared. anyone know why? Insure that, in your html, that the div closes.  Meaning you have a "</div>" to close the <div class="sheet-tab-content sheet-tab1"> thingy.  These are my guesses.  

I'll note that none of the divs intended to be tab content actually have  the sheet-tab-content or sheet-tabN classes on them. Those are mandatory for the CSS to affect them in the intended manner.

Ok, i got the fifth tab to work, however when I put my sheet in a tab every other tab refuses to show content. This only happens with my sheet when i remove it all other content is visible.

Grim G. said: Ok, i got the fifth tab to work, however when I put my sheet in a tab every other tab refuses to show content. This only happens with my sheet when i remove it all other content is visible. Not sure I understand what you mean...when you click on a tab, all the stuff on other tabs should be hidden.  Can you screenshot what you're talking about?

on the second tap there should be a title and some text, this should be the same for all of them. It works with text on all of them but the moment I put the character sheet information on is the moment all tabs after it go blank.

It sounds there is one too many <div>'s or one too few.  Run over the content in the first tab with a fine toothed comb, and insure everything (<table>'s, <tr>'s, <td>'s, <th>'s, <div>'s, and so on) are closed.  I ran into this a lot when I first started (I was using some one else's sheet as a base), and it didn't work until I reorganized everything to a way I could understand. 

well i give up. if anyone wants to figure it out here's the HTML and CSS <link type="text/css" rel="stylesheet" href="stylesheet.css"/> <input type="radio" name="attr_tab" value="1" title="Character Sheet" checked="checked" /> <input type="radio" name="attr_tab" value="2" title="Warbird Sheet" /> <input type="radio" name="attr_tab" value="3" title="Map of Azure" /> <input type="radio" name="attr_tab" value="4" title="Fourth Tab" /> <input type="radio" name="attr_tab" value="5" title="Fifth Tab" /> <div> <h1>Character Sheet</h1> <div class='sheet-2colrow'> <!--Character info--> <div class='sheet-col'> <label>Character Name:</label><input type="text" name="attr_character_name"/> <label>Callsign:</label><input type="text" name="attr_callsign"/> <label>Player Name:</label><input type="text" name="attr_player_name"/> <label>Nationality:</label><input type="text" name="attr_nationality"/> <label>Squadron:</label><input type="text" name="attr_squadron"/> <label>Backround:</label><input type="text" name="attr_backround"/> <label>Appearance & Mannearisms:</label><textarea name="attr_appearance_mannearisms"></textarea> <!--health track--> <div> <h5>Health Track=Body+Spirit+3</h5> <table border="1px"> <tr> <td><input type="checkbox" name="attr_0"></td> <td><input type="checkbox" name="attr_-1a"></td> <td><input type="checkbox" name="attr_-1b"></td> <td><input type="checkbox" name="attr_-2a"></td> <td><input type="checkbox" name="attr_-2b"></td> <td><input type="checkbox" name="attr_-3a"></td> <td><input type="checkbox" name="attr_-3b"></td> <td><input type="checkbox" name="attr_-3c"></td> <td><input type="checkbox" name="attr_-3d"></td> <td><input type="checkbox" name="attr_-3e"></td> </tr> <tr> <td>0</td> <td>-1</td> <td>-1</td> <td>-2</td> <td>-2</td> <td>-3</td> <td>-3</td> <td>-3</td> <td>-3</td> <td>-3</td> </tr> <tr> <td><input type="checkbox" name="attr_0"/></td> <td><input type="checkbox" name="attr_-1aa"/></td> <td><input type="checkbox" name="attr_-1ab"/></td> <td><input type="checkbox" name="attr_-2aa"/></td> <td><input type="checkbox" name="attr_-2ab"/></td> <td><input type="checkbox" name="attr_-3aa"/></td> <td><input type="checkbox" name="attr_-3ab"/></td> <td><input type="checkbox" name="attr_-3ac"/></td> <td><input type="checkbox" name="attr_-3ad"/></td> <td><input type="checkbox" name="attr_-3ae"/></td> </tr> </table> </div> <!--Skills--> <h3>Skills</h3> <fieldset> <table border="1px"> <thead> <tr> <th>Knack</th> <th>Skills</th> <th>Level</th> <th>Stat</th> <th>XP</th> </tr> </thead> <tbody> <td><input type="checkbox"/></td> <td><input type="text" name="attr_skill_name"/></td> <td><input type="number" name="attr_skill_level"/></td> <td> <select style="width: 61px"> <option>Body</option> <option>Mind</option> <option>Spirit</option> </select> </td> <td><input type="number" name"attr_xp_level"/></td> </tbody> </table> </fieldset> </div> <!--Start of Column 2--> <div class='sheet-col'> <!--Primary Stats--> <h3>Stats</h3> <div class='sheet-2colrow'> <div class='sheet-col'> <label>Body:</label><input type="number" name="attr_body"/> <label>Mind:</label><input type="number" name="attr_mind"/> <label>Spirit:</label><input type="number" name="attr_mind"/> <label>Stat Points:</label><input type="number" name="attr_stat_points"/> </div> <div class='sheet-col'> <label>Fame:</label><input type="number" name="attr_fame"/> <label>Fame Points:</label><input Type="number" name="attr_fame_points"/> <label>Reserve:</label><input Type="number" name="attr_reserve"/> </div> </div> <!--Secondary Stats--> <div> <h3 align="centert">Secondary Stats</h3> <label>Defance:</label><input Type="number" name="attr_defence"/> <label>Resist:</label><input Type="number" name="attr_resist"/> <label>Health:</label><input Type="number" name="attr_health"/> </div> <div> <!--Weapons table--> <h3>Persinal Weapon</h3> <fieldset> <table border="1px"> <thead> <th>Weapon</th> <th>Stat</th> <th>Skill lvl</th> <th>Other Mods</th> <th>Damage</th> </thead> <tbody> <td><input type="text" name="attr_weapon_name"></td> <td><select style="width: 61px"> <option>Body</option> <option>Mind</option> <option>Spirit</option> </select> </td> <td><input type="number" name="attr_weapon_skill"/></td> <td><input type="number" name="atte_attack_mods"/></td> <td><input type="number" name="attr_persinal_damage"/></td> </tbody> </table> </fieldset> </div> <div> <h3>Advantages & Dasadvantages</h3> <fieldset> <table> <tr> <td><label>Advantage:</label><input type"text" name="attr_advantage"/></td> <td><label>Disadvantage:</label><input type"text" name="attr_disadvantage"/></td> </tr> </table> </fieldset> </div> </div> </div> <div> <h1>Tab the Second</h1> consectetur adipisicing elit </div> <div> <h1>3rd Tab</h1> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </div> <div> <h1>Fourth Tab</h1> Ut enim ad minim veniam </div> <div> <h1>Fifth Tab</h1> lz rhkpAWE"h mpwe4a </div> ------------------------------------------------------------------------------------------------------ div.sheet-tab-content { display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5 { display: block; } input.sheet-tab { width: 150px; height: 20px; position: relative; top: 5px; left: 6px; margin: -1.5px; cursor: pointer; z-index: 1; } input.sheet-tab::before { content: attr(title); border: solid 1px #a8a8a8; border-bottom-color: black; text-align: center; display: inline-block; background: #fff; background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); width: 150px; height: 20px; font-size: 18px; } input.sheet-tab:checked::before { background: #dcdcdc; background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); border-bottom-color: #fff; } input.sheet-tab:not(:first-child)::before { border-left: none; } div.sheet-tab-content { margin: 2px 0 0 5px; padding: 5px; }

Okay,  here  is what I put together.  I put the html and css in a google folder, because pasting in the forums sometimes removes the class of the line (which I think happened above).  Other than the stripped classes, I...forgot what changes I made.  I think there was a missing </div>, but I'm not going to swear to it.  There wasn't much wrong, as far as I could tell. Here is the link to enter the campaign I put the sheet in.

Coal Powered Puppet said: Okay,  here  is what I put together.  I put the html and css in a google folder, because pasting in the forums sometimes removes the class of the line (which I think happened above).  Other than the stripped classes, I...forgot what changes I made.  I think there was a missing </div>, but I'm not going to swear to it.  There wasn't much wrong, as far as I could tell. Here is the link to enter the campaign I put the sheet in. yeah thanks anyways but that doesn't really help

Grim G. said: Coal Powered Puppet said: Okay,  here  is what I put together.  I put the html and css in a google folder, because pasting in the forums sometimes removes the class of the line (which I think happened above).  Other than the stripped classes, I...forgot what changes I made.  I think there was a missing </div>, but I'm not going to swear to it.  There wasn't much wrong, as far as I could tell. Here is the link to enter the campaign I put the sheet in. yeah thanks anyways but that doesn't really help LOL. We've all been frustrated when working out issues with the character sheets. Coal Powered Puppet among others are trying to help.  I would suggest adding as much detail as possible on what still isn't working.

Vince said: Grim G. said: Coal Powered Puppet said: Okay,  here  is what I put together.  I put the html and css in a google folder, because pasting in the forums sometimes removes the class of the line (which I think happened above).  Other than the stripped classes, I...forgot what changes I made.  I think there was a missing </div>, but I'm not going to swear to it.  There wasn't much wrong, as far as I could tell. Here is the link to enter the campaign I put the sheet in. yeah thanks anyways but that doesn't really help LOL. We've all been frustrated when working out issues with the character sheets. Coal Powered Puppet among others are trying to help.  I would suggest adding as much detail as possible on what still isn't working. I don't know how I can describe it any better

Grim G. said: Grim G. said: yeah thanks anyways but that doesn't really help I don't know how I can describe it any better What's still now working?  You wanted help getting the tabs working—Coal Powered Puppet gave you the HTML to get the tabs working.  The link on the google drive has it...all you need to do is copy/paste it and the css into your own files. So, if the tabs are working now, what else isn't working?  Is that you want to understand how the code works, or something different?  If it's something different, we need to know what isn't working, because the last thing mentioned was the tabs, and if you use Coal's code, that works now. If it's that you want to understand the code...well, we can try to explain it. We just need to know what you're looking for.

G V. said: Grim G. said: Grim G. said: yeah thanks anyways but that doesn't really help I don't know how I can describe it any better What's still now working?  You wanted help getting the tabs working—Coal Powered Puppet gave you the HTML to get the tabs working.  The link on the google drive has it...all you need to do is copy/paste it and the css into your own files. So, if the tabs are working now, what else isn't working?  Is that you want to understand how the code works, or something different?  If it's something different, we need to know what isn't working, because the last thing mentioned was the tabs, and if you use Coal's code, that works now. If it's that you want to understand the code...well, we can try to explain it. We just need to know what you're looking for. Well now I just feel stupid... I didn't realize that he sent the fixed code back... sorry

Grim G. said: Well now I just feel stupid... I didn't realize that he sent the fixed code back... sorry And this is a reason why GV is awesome. Yeah, as far as I can tell, the tab thing is working.  What's next?

Coal Powered Puppet said: Grim G. said: Well now I just feel stupid... I didn't realize that he sent the fixed code back... sorry And this is a reason why GV is awesome. Yeah, as far as I can tell, the tab thing is working.  What's next? nothing at the moment, when I hit a snag I'll be sure to come back for help

And we will be here, with open beers/snifters of brandy and comfy chairs, posh pipes and scholarly countenances.   "Fake it 'till you make it!"

Coal Powered Puppet said: And we will be here, with open beers/snifters of brandy and comfy chairs, posh pipes and scholarly countenances.   "Fake it 'till you make it!" If only...

well I'm back, I'm trying to comprehend how to auto calculate values based on previous values. Anyone have an example?

Take the name of the previous values, and put them in the value of a disabled='true' input. For example, for shooting things, we combine our Shooting attribute with the Bang-Stick skill.  We want to total everything.  So... <input type="number" name="attr_Attribute-Shooting" /> <input type="number" name="attr_Skill-Bang_Stick" /> <input type="number" name="attr_Bang_stick-total" value="@{Attribute-Shooting} + @{Skill-Bang_Stick}" disabled='true' /> Make sure you name everything (and that the names start with "attr_").  The disabled='true' turns the field into an auto-calc input.  

Coal Powered Puppet said: Take the name of the previous values, and put them in the value of a disabled='true' input. For example, for shooting things, we combine our Shooting attribute with the Bang-Stick skill.  We want to total everything.  So... <input type="number" name="attr_Attribute-Shooting" /> <input type="number" name="attr_Skill-Bang_Stick" /> <input type="number" name="attr_Bang_stick-total" value="@{Attribute-Shooting} + @{Skill-Bang_Stick}" disabled='true' /> Make sure you name everything (and that the names start with "attr_").  The disabled='true' turns the field into an auto-calc input.   I think i get it. let me try.

how would it work with select tags?

It works the same way: <select name="attr_bonus"> <option value="-2">Suck</option> <option value="-1">Poor</option> <option value="0">Mediocre</option> <option value="1">Good</option> <option value="2">Strong</option> </select> <input name="attr_stat" type="number"> <input name="attr_total" type="number" disabled="true" value="@{bonus} + @{stat}">

Brian said: It works the same way: <select name="attr_bonus"> <option value="-2">Suck</option> <option value="-1">Poor</option> <option value="0">Mediocre</option> <option value="1">Good</option> <option value="2">Strong</option> </select> <input name="attr_stat" type="number"> <input name="attr_total" type="number" disabled="true" value="@{bonus} + @{stat}"> I notised that you put the value of the options at a set number, can you set it to a number input instead?

Certainly: <input type="number" name="attr_strength"> <input type="number" name="attr_constitution"> <input type="number" name="attr_dexterity"> <input type="number" name="attr_intelligence"> <input type="number" name="attr_wisdom"> <input type="number" name="attr_charisma"> <select name="attr_defense"> <option value="@{strength}">Strength</option> <option value="@{constitution}">Constitution</option> <option value="@{dexterity}">Dexterity</option> <option value="@{intelligence}">Intelligence</option> <option value="@{wisdom}">Wisdom</option> <option value="@{charisma}">Charisma</option> </select> <input type="number" disabled="true" name="attr_defense-bonus" value="floor((@{defense} - 10) / 2)">

Brian said: Certainly: <input type="number" name="attr_strength"> <input type="number" name="attr_constitution"> <input type="number" name="attr_dexterity"> <input type="number" name="attr_intelligence"> <input type="number" name="attr_wisdom"> <input type="number" name="attr_charisma"> <select name="attr_defense"> <option value="@{strength}">Strength</option> <option value="@{constitution}">Constitution</option> <option value="@{dexterity}">Dexterity</option> <option value="@{intelligence}">Intelligence</option> <option value="@{wisdom}">Wisdom</option> <option value="@{charisma}">Charisma</option> </select> <input type="number" disabled="true" name="attr_defense-bonus" value="floor((@{defense} - 10) / 2)"> thanks, when I rolled it didn't add up the four other modifiers know why?

I'm not sure what you mean?

when I roll it rolls 1d6 + 1 + 1 + 1 + 1, the ones are other values such as stat and skill modifiers. When it's all added up it doesn't add the modifiers.

I think you're going to need to share the exact roll that's being performed and an example output. If the roll is 1d6 + 1 + 1 + 1 + 1, there should be no issues adding 4 to the d6 result.

sure thing. <input type="radio" name="attr_tab" value="1" title="Character Sheet" checked="checked" /> <input type="radio" name="attr_tab" value="2" title="Warbird Sheet" /> <input type="radio" name="attr_tab" value="3" title="Map of Azure" /> <input type="radio" name="attr_tab" value="4" title="Fourth Tab" /> <input type="radio" name="attr_tab" value="5" title="Fifth Tab" /> <div> <h1>Character Sheet</h1> <div class='sheet-2colrow'> <!--Character info--> <div class='sheet-col'> <label>Character Name:</label><input type="text" name="attr_character_name"/> <label>Callsign:</label><input type="text" name="attr_callsign"/> <label>Player Name:</label><input type="text" name="attr_player_name"/> <label>Nationality:</label><input type="text" name="attr_nationality"/> <label>Squadron:</label><input type="text" name="attr_squadron"/> <label>Backround:</label><input type="text" name="attr_backround"/> <label>Appearance & Mannearisms:</label><textarea name="attr_appearance_mannearisms"></textarea> <!--health track--> <div> <h5>Health Track=Body+Spirit+3</h5> <table border="1px"> <tr> <td><input type="checkbox" name="attr_0"></td> <td><input type="checkbox" name="attr_-1a"></td> <td><input type="checkbox" name="attr_-1b"></td> <td><input type="checkbox" name="attr_-2a"></td> <td><input type="checkbox" name="attr_-2b"></td> <td><input type="checkbox" name="attr_-3a"></td> <td><input type="checkbox" name="attr_-3b"></td> <td><input type="checkbox" name="attr_-3c"></td> <td><input type="checkbox" name="attr_-3d"></td> <td><input type="checkbox" name="attr_-3e"></td> </tr> <tr> <td>0</td> <td>-1</td> <td>-1</td> <td>-2</td> <td>-2</td> <td>-3</td> <td>-3</td> <td>-3</td> <td>-3</td> <td>-3</td> </tr> <tr> <td><input type="checkbox" name="attr_0"/></td> <td><input type="checkbox" name="attr_-1aa"/></td> <td><input type="checkbox" name="attr_-1ab"/></td> <td><input type="checkbox" name="attr_-2aa"/></td> <td><input type="checkbox" name="attr_-2ab"/></td> <td><input type="checkbox" name="attr_-3aa"/></td> <td><input type="checkbox" name="attr_-3ab"/></td> <td><input type="checkbox" name="attr_-3ac"/></td> <td><input type="checkbox" name="attr_-3ad"/></td> <td><input type="checkbox" name="attr_-3ae"/></td> </tr> </table> </div> <!--Skills--> <h3>Skills</h3> <fieldset> <table border="1px"> <thead> <tr> <th>Knack</th> <th>Skills</th> <th>Level</th> <th>Stat</th> <th>XP</th> </tr> </thead> <tbody> <td><input type="checkbox"/></td> <td><input type="text" name="attr_skill_name"/></td> <td><input type="number" name="attr_skill_level"/></td> <td> <select style="width: 61px"> <option>Body</option> <option>Mind</option> <option>Spirit</option> </select> </td> <td><input type="number" name"attr_xp_level"/></td> </tbody> </table> </fieldset> </div> <!--Start of Column 2--> <div class='sheet-col'> <!--Primary Stats--> <h3>Stats</h3> <div class='sheet-2colrow'> <div class='sheet-col'> <label>Body:</label><input type="number" name="attr_body"/> <label>Mind:</label><input type="number" name="attr_mind"/> <label>Spirit:</label><input type="number" name="attr_spirit"/> <label>Stat Points:</label><input type="number" name="attr_stat_points"/> </div> <div class='sheet-col'> <label>Fame:</label><input type="number" name="attr_fame"/> <label>Fame Points:</label><input Type="number" name="attr_fame_points"/> <label>Reserve:</label><input Type="number" name="attr_reserve"/> </div> </div> <!--Secondary Stats--> <div> <h3 align="centert">Secondary Stats</h3> <label>Defance:</label><input Type="number" name="attr_defence"/> <label>Resist:</label><input Type="number" name="attr_resist"/> <label>Health:</label><input Type="number" name="attr_health"/> </div> <div> <!--Weapons table--> <h3>Persinal Weapon</h3> <fieldset> <table border="1px"> <thead> <th>Weapon</th> <th>Stat</th> <th>Skill lvl</th> <th>Other Mods</th> <th>Damage</th> </thead> <tbody> <td><input type="text" name="attr_weapon_name"></td> <td> <select style="width: 61px" name="attr_base_stats"> <option value="@{body}">Body</option> <option value="@{mind}">Mind</option> <option value="@{spirit}">Spirit</option> </select> </td> <td><input type="number" name="attr_weapon_skill"/></td> <td><input type="number" name="attr_attack_mods"/></td> <td><input type="number" name="attr_persinal_damage"/></td> </tbody> </table> <button type='roll' value='/roll 1d6 @{base_stats} + @{weapon_skill} + @{attack_mods} + @{persinal_damage}'/> </fieldset> </div> <div> <h3>Advantages & Dasadvantages</h3> <fieldset> <table> <tr> <td><label>Advantage:</label><input type"text" name="attr_advantage"/></td> <td><label>Disadvantage:</label><input type"text" name="attr_disadvantage"/></td> </tr> </table> </fieldset> </div> </div> </div> </div> <div> <h1>Tab the Second</h1> consectetur adipisicing elit </div> <div> <h1>3rd Tab</h1> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </div> <div> <h1>Fourth Tab</h1> Ut enim ad minim veniam </div> <div> <h1>Fifth Tab</h1> lz rhkpAWE"h mpwe4a </div> div.sheet-tab-content { display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5, input.sheet-tab6:checked ~ div.sheet-tab6 { display: block; } input.sheet-tab { width: 150px; height: 20px; position: relative; top: 5px; left: 6px; margin: -1.5px; cursor: pointer; z-index: 1; } input.sheet-tab::before { content: attr(title); border: solid 1px #a8a8a8; border-bottom-color: black; text-align: center; display: inline-block; background: #fff; background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8); width: 150px; height: 20px; font-size: 18px; } input.sheet-tab:checked::before { background: #dcdcdc; background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc); border-bottom-color: #fff; } input.sheet-tab:not(:first-child)::before { border-left: none; } input.sheet-tab2::before { background: #fee; background: -moz-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: -webkit-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: -ms-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: -o-linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); background: linear-gradient(to top, #f8c8c8, #fee, #f8c8c8); } input.sheet-tab2:checked::before { background: #dcdcdc; background: -moz-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: -webkit-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: -ms-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: -o-linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); background: linear-gradient(to top, #fcecec, #f8c8c8, #fcecec); border-bottom-color: #fcecec; } div.sheet-tab-content { border: 1px solid #a8a8a8; border-top-color: #000; margin: 2px 0 0 5px; padding: 5px; } div.sheet-tab2 { background-color: #fcecec; }

Line 74: You've got a <td> inside a <tbody>. The only element type permitted inside <tbody> is <tr> (the <tr> then may contain <td>) Line 84: Missing "=" after "name" Line 119: You've got a <td> inside a <thead>. The only element type permitted inside <thead> is <tr>. Line 126: You've got a <td> inside a <tbody> Line 139: <button> is not a self-closing tag. You cannot do <button .../>, you must do <button ...></button> Line 147: Missing "=" after "type" Line 148: Missing "=" after "type" Finally, the value of your roll button is: /roll 1d6 @{base_stats} + @{weapon_skill} + @{attack_mods} + @{persinal_damage} Note the lack of any operator after the 1d6. You're not getting "1d6 + 1 + 1 + 1 + 1", you're getting "1d6 1 + 1 + 1 + 1" which is an error.

Brian said: Line 74: You've got a &lt;td&gt; inside a &lt;tbody&gt;. The only element type permitted inside &lt;tbody&gt; is &lt;tr&gt; (the &lt;tr&gt; then may contain &lt;td&gt;) Line 84: Missing "=" after "name" Line 119: You've got a &lt;td&gt; inside a &lt;thead&gt;. The only element type permitted inside &lt;thead&gt; is &lt;tr&gt;. Line 126: You've got a &lt;td&gt; inside a &lt;tbody&gt; Line 139: &lt;button&gt; is not a self-closing tag. You cannot do &lt;button .../&gt;, you must do &lt;button ...&gt;&lt;/button&gt; Line 147: Missing "=" after "type" Line 148: Missing "=" after "type" Finally, the value of your roll button is: /roll 1d6 @{base_stats} + @{weapon_skill} + @{attack_mods} + @{persinal_damage} Note the lack of any operator after the 1d6. You're not getting "1d6 + 1 + 1 + 1 + 1", you're getting "1d6 1 + 1 + 1 + 1" which is an error. thanks a butt-ton, brain. There are some things I have to point out though. you said that the119th line had problems with the &lt;td&gt; tag being in the &lt;thead&gt;, would it still work is it's inside a &lt;tr&gt; tag? Also, regarding the button, It seamed like that's the way you are suposec to do it in the wiki example.<a href="https://wiki.roll20.net/Character_Sheets#Sheet_Rolls_and_Roll_Buttons" rel="nofollow">https://wiki.roll20.net/Character_Sheets#Sheet_Rolls_and_Roll_Buttons</a>

Yes, you can have &lt;thead&gt;&lt;tr&gt;&lt;td&gt;...&lt;/td&gt;&lt;/tr&gt;&lt;/thead&gt;, that's how it's supposed to work. The same applies to tbody. As for the button, the browser may automatically add the closing tag for you, but that's nonstandard behavior that shouldn't be relied upon. See "Tag omission" for button:&nbsp; <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/HTML/</a>... I have corrected it on the wiki. However, I suspect more importantly for the problem you were running into was the lack of a "+" after "1d6".

I'm guessing is order to make an input unable to be manipulated you have to use disable="true".

Grim G. said: I'm guessing is order to make an input unable to be manipulated you have to use disable="true". Correct.

Grim G. said: I'm guessing is order to make an input unable to be manipulated you have to use disable="true". Disabled='true' does not allow the field to be directly manipulated, and forces calculation to be done. &nbsp;If you put 'read-only' some where inteh code, it also disables the field from manipulation, but does not auto calculate. &nbsp; Something I stole from...somewhere...is for disabled fields (especially number boxes) to have a Misc Modifier block near by. &nbsp;I jam the Misc Modifier into the math for the disabled field, and have the default value equal to 0. &nbsp;If something weird comes up, a strange piece of gear, a magic spell, etc, you can input the modifier into the Misc Modifier area and it will auto calc into the disabled field (the Misc area is not disabled).