Custom Sheet Editing help please

So got a custom sheet goign and it works pretty well in how I want. Except the spells area is being a pain and I think what I'm trying to do is a little advanced for me. First off I'm usign a heavily modified D20 modern character sheet as my base. This is how the D20 Modern FX (AKA Spells) area looks. I like the main part with how there is a FX button and the name. You click the check box and it opens up to the rest. Now what I would like it to just open up to a macro box. This is the D&D 3.5 edition sheet that I'm trying to take the code I want for spells from. The top part I love for knowing what you can do and the DCs and everything. It's clear and straight forward which why I want to put it into the D20 Modern part. So like I said prior I want to scoop the D20 modern fx button idea and merge it to here and have the 3.5 Macro box hidden unless the check that the D20 Modern set up has is clicked. So I'm going to be linking the first parts of the coding I've done in my next post on this thread,with pics of what that coding looks like, as well as the original code from both Sheets. I apologize before hand for large posts I'm just trying to be thorough so what I'm trying to do is very clear.

So here is the source code part of the 3.5 Spell area, just the top part. &lt;div class="sheet-tab-content sheet-tab6 sheet-tab99"&gt; &lt;input type="checkbox" class="sheet-pc-spells-show sheet-arrow" title="spells-show" name="attr_spells-show" value="1" checked /&gt;&lt;span style="text-align: left;" data-i18n="spells"&gt;Spells&lt;/span&gt; &lt;div class="sheet-pc-spells"&gt; &lt;!--Spells--&gt; &lt;table style="float: left"&gt; &lt;tr&gt; &lt;!--spells--&gt; &lt;td colspan="3"&gt; &lt;table style="width:100%;" class="sheet-table-row" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td colspan="3" class="sheet-statlabel-big-gray" style="width: 790px; height: 35px; font-size: 1.5em;" data-i18n="spells"&gt;Spells&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;span data-i18n="caster-level"&gt;Caster Level&lt;/span&gt;:&lt;br&gt; &lt;input type="text" style="width: 25px;" name="attr_casterlevel" title="casterlevel" value="1" class="sheet-table-row-small"&gt;/ &lt;input type="text" style="width: 25px;" name="attr_casterlevel2" title="casterlevel2" value="0" class="sheet-table-row-small"&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" colspan="2" style="width: 90%;"&gt;&lt;span data-i18n="spells-per-day"&gt;Spells/Day&lt;/span&gt;:&lt;br&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="zero"&gt;0&lt;/span&gt;:&lt;input type="text" name="attr_spells0" title="spells0" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="first"&gt;1st&lt;/span&gt;:&lt;input type="text" name="attr_spells1" title="spells1" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="second"&gt;2nd&lt;/span&gt;:&lt;input type="text" name="attr_spells2" title="spells2" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="third"&gt;3rd&lt;/span&gt;:&lt;input type="text" name="attr_spells3" title="spells3" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fourth"&gt;4th&lt;/span&gt;:&lt;input type="text" name="attr_spells4" title="spells4" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fifth"&gt;5th&lt;/span&gt;:&lt;input type="text" name="attr_spells5" title="spells5" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="sixth"&gt;6th&lt;/span&gt;:&lt;input type="text" name="attr_spells6" title="spells6" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="seventh"&gt;7th&lt;/span&gt;:&lt;input type="text" name="attr_spells7" title="spells7" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="eighth"&gt;8th&lt;/span&gt;:&lt;input type="text" name="attr_spells8" title="spells8" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="ninth"&gt;9th&lt;/span&gt;:&lt;input type="text" name="attr_spells9" title="spells9" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;span data-i18n="casting-ability"&gt;Casting Ability&lt;/span&gt;:&lt;br&gt; &lt;select class="sheet-table-data-center" style="height: 24px; width: 64px;" name="attr_spellcastingstat" title="spellcastingstat"&gt; &lt;option type="text" style="width: 45px;" value="@{str-mod} " data-i18n="strength-a" &gt;Str&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{dex-mod} " data-i18n="dexterity-a" &gt;Dex&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{con-mod} " data-i18n="constitution-a" &gt;Con&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{int-mod} " data-i18n="intelligence-a" selected&gt;Int&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{wis-mod} " data-i18n="wisdom-a"&gt;Wis&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{cha-mod} " data-i18n="charisma-a"&gt;Cha&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" colspan="2" style="width: 90%;"&gt;&lt;span data-i18n="spell-difficulty-classes"&gt;Spell DC's&lt;/span&gt;&lt;br&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="zero"&gt;0&lt;/span&gt;:&lt;input type="text" name="attr_spelldc0" title="spelldc0" value="(10+0+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="first"&gt;1st&lt;/span&gt;:&lt;input type="text" name="attr_spelldc1" title="spelldc1" value="(10+1+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="second"&gt;2nd&lt;/span&gt;:&lt;input type="text" name="attr_spelldc2" title="spelldc2" value="(10+2+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="third"&gt;3rd&lt;/span&gt;:&lt;input type="text" name="attr_spelldc3" title="spelldc3" value="(10+3+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fourth"&gt;4th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc4" title="spelldc4" value="(10+4+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fifth"&gt;5th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc5" title="spelldc5" value="(10+5+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="sixth"&gt;6th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc6" title="spelldc6" value="(10+6+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="seventh"&gt;7th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc7" title="spelldc7" value="(10+7+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="eighth"&gt;8th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc8" title="spelldc8" value="(10+8+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="ninth"&gt;9th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc9" title="spelldc9" value="(10+9+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;span data-i18n="spell-penetration-a"&gt;Spell Pen&lt;/span&gt;:&lt;br&gt; &lt;input type="text" style="width: 25px;" name="attr_spellpen" title="spellpen" value="0" class="sheet-table-row-small"&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" style="width: 75%;"&gt;&lt;span data-i18n="spell-focus"&gt;Spell Focus&lt;/span&gt;:&lt;br&gt; &lt;span data-i18n="abjuration"&gt;Abjuration&lt;/span&gt;:&lt;input type="text" name="attr_sf-abjuration" title="sf-abjuration" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="conjuration"&gt;Conjuration&lt;/span&gt;:&lt;input type="text" name="attr_sf-conjuration" title="sf-conjuration" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="divination"&gt;Divination&lt;/span&gt;:&lt;input type="text" name="attr_sf-divination" title="sf-divination" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="enchantment"&gt;Enchantment&lt;/span&gt;:&lt;input type="text" name="attr_sf-enchantment" title="sf-enchantment" value="0" class="sheet-table-row-small"&gt;&lt;br&gt; &lt;span data-i18n="evocation"&gt;Evocation&lt;/span&gt;:&lt;input type="text" name="attr_sf-evocation" title="sf-evocation" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="illusion"&gt;Illusion&lt;/span&gt;:&lt;input type="text" name="attr_sf-illusion" title="sf-illusion" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="necromancy"&gt;Necromancy&lt;/span&gt;:&lt;input type="text" name="attr_sf-necromancy" title="sf-necromancy" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="transmutation"&gt;Transmutation&lt;/span&gt;:&lt;input type="text" name="attr_sf-transmutation" title="sf-transmutation" value="0" class="sheet-table-row-small"&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;br&gt;&lt;input type="text" class="sheet-input-noborder" name="attr_powerpointname" data-i18n-placeholder="power-points" placeholder="Power Points" title="powerpointname"&gt;&lt;br&gt; &lt;div&gt;&lt;input type="text" name="attr_powerpoints" title="powerpoints" style="width: 30px; text-align: right;"&gt;/&lt;input type="text" name="attr_powerpoints_max" title="powerpoints|max" style="width: 30px;"&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;br&gt; Now this is the Source from the D20 Modern. &lt;!-- Tab 5 FX --&gt;&lt;div class="sheet-section-5"&gt; &lt;h4&gt;FX Abilities&lt;/h4&gt; &lt;table class="sheet-tableII"&gt; &lt;tr&gt; &lt;th class="sheet-heading"&gt;Fx Source&lt;/th&gt; &lt;th class="sheet-heading"&gt;Level&lt;/th&gt; &lt;th class="sheet-heading"&gt;Attribute&lt;/th&gt; &lt;th class="sheet-heading"&gt;Fx&lt;br&gt;Known&lt;/th&gt; &lt;th class="sheet-heading"&gt;Max&lt;br&gt;Known&lt;/th&gt; &lt;th class="sheet-heading"&gt;Power Point&lt;br&gt;Max&lt;/th&gt; &lt;th class="sheet-heading"&gt;Power Point&lt;br&gt;Current&lt;/th&gt; &lt;th&gt;&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="text" class="sheet-number" name="attr_fx-Source" value="" placeholder="Arcane caster, Psychic" style="width:200px"/&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="number" class="sheet-number" name="attr_fx-CsdterLevel" value="0" /&gt;&lt;/td&gt; &lt;td&gt; &lt;select class="sheet-number" name="attr_fx-Attribute" &gt; &lt;option value="@{Strength-mod}"&gt;Strength&lt;/option&gt; &lt;option value="@{Dexterity-mod}"&gt;Dexterity&lt;/option&gt; &lt;option value="@{Constitution-mod}"&gt;Constitution&lt;/option&gt; &lt;option value="@{Intelligence-mod}" selected&gt;Intelligence&lt;/option&gt; &lt;option value="@{Wisdom-mod}"&gt;Wisdom&lt;/option&gt; &lt;option value="@{Charisma-mod}"&gt;Charisma&lt;/option&gt; &lt;/select&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="number" class="sheet-number" name="attr_fx-Known" value="0" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="number" class="sheet-number" name="attr_fx-Max_Known" value="0" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="number" class="sheet-number" name="attr_fx-PP_Max" value="0" /&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="number" class="sheet-number" name="attr_fx-PP_Current" value="0" /&gt;&lt;/td&gt; &lt;th&gt;&lt;/th&gt; &lt;/tr&gt; &lt;/table&gt; &lt;br&gt; So now I'm going to show you the preview image of my change then what it looks like when actually in and looking at a character sheet, then the code. So here is the preview: Yes, it's a mess, but can work on that in time. It's how it looks when actually in game and looking at the character sheet that worries me. Here is the image: I'm sure everyone can see the issue and difference between the preview and what you see in game. and I have no idea what is causing that. Now here is the coding work I have done myself: &lt;!-- Tab 5 Spells/Powers --&gt; &lt;div class="sheet-section-5"&gt; &nbsp; &nbsp;&lt;tr&gt; &lt;h4&gt;Spells/Powers&lt;/h4&gt; &nbsp; &lt;!--spells/powers--&gt; &lt;td colspan="3"&gt; &lt;table style="width:100%;" class="sheet-table-row" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td colspan="3" class="sheet-statlabel-big-gray" style="width: 790px; height: 35px; font-size: 1.5em;" data-i18n="spells"&gt;Spells&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&nbsp; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;span data-i18n="caster-level"&gt;Caster Level&lt;/span&gt;:&lt;br&gt; &lt;input type="text" style="width: 25px;" name="attr_casterlevel" title="casterlevel" value="1" class="sheet-table-row-small"&gt;/ &lt;input type="text" style="width: 25px;" name="attr_casterlevel2" title="casterlevel2" value="0" class="sheet-table-row-small"&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" colspan="2" style="width: 90%;"&gt;&lt;span data-i18n="spells-per-day"&gt;Spells/Day&lt;/span&gt;:&lt;br&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="zero"&gt;0&lt;/span&gt;:&lt;input type="text" name="attr_spells0" title="spells0" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="first"&gt;1st&lt;/span&gt;:&lt;input type="text" name="attr_spells1" title="spells1" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="second"&gt;2nd&lt;/span&gt;:&lt;input type="text" name="attr_spells2" title="spells2" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="third"&gt;3rd&lt;/span&gt;:&lt;input type="text" name="attr_spells3" title="spells3" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fourth"&gt;4th&lt;/span&gt;:&lt;input type="text" name="attr_spells4" title="spells4" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fifth"&gt;5th&lt;/span&gt;:&lt;input type="text" name="attr_spells5" title="spells5" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="sixth"&gt;6th&lt;/span&gt;:&lt;input type="text" name="attr_spells6" title="spells6" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="seventh"&gt;7th&lt;/span&gt;:&lt;input type="text" name="attr_spells7" title="spells7" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="eighth"&gt;8th&lt;/span&gt;:&lt;input type="text" name="attr_spells8" title="spells8" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="ninth"&gt;9th&lt;/span&gt;:&lt;input type="text" name="attr_spells9" title="spells9" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&nbsp; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;span data-i18n="casting-ability"&gt;Casting Ability&lt;/span&gt;:&lt;br&gt; &lt;select class="sheet-table-data-center" style="height: 24px; width: 64px;" name="attr_spellcastingstat" title="spellcastingstat"&gt; &lt;option type="text" style="width: 45px;" value="@{str-mod} " data-i18n="strength-a" &gt;Str&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{dex-mod} " data-i18n="dexterity-a" &gt;Dex&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{con-mod} " data-i18n="constitution-a" &gt;Con&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{int-mod} " data-i18n="intelligence-a" selected&gt;Int&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{wis-mod} " data-i18n="wisdom-a"&gt;Wis&lt;/option&gt; &lt;option type="text" style="width: 45px;" value="@{cha-mod} " data-i18n="charisma-a"&gt;Cha&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" colspan="2" style="width: 90%;"&gt;&lt;span data-i18n="spell-difficulty-classes"&gt;Spell DC's&lt;/span&gt;&lt;br&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="zero"&gt;0&lt;/span&gt;:&lt;input type="text" name="attr_spelldc0" title="spelldc0" value="(10+0+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="first"&gt;1st&lt;/span&gt;:&lt;input type="text" name="attr_spelldc1" title="spelldc1" value="(10+1+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="second"&gt;2nd&lt;/span&gt;:&lt;input type="text" name="attr_spelldc2" title="spelldc2" value="(10+2+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="third"&gt;3rd&lt;/span&gt;:&lt;input type="text" name="attr_spelldc3" title="spelldc3" value="(10+3+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fourth"&gt;4th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc4" title="spelldc4" value="(10+4+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="fifth"&gt;5th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc5" title="spelldc5" value="(10+5+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="sixth"&gt;6th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc6" title="spelldc6" value="(10+6+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="seventh"&gt;7th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc7" title="spelldc7" value="(10+7+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="eighth"&gt;8th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc8" title="spelldc8" value="(10+8+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &lt;span data-i18n="ninth"&gt;9th&lt;/span&gt;:&lt;input type="text" name="attr_spelldc9" title="spelldc9" value="(10+9+@{spellcastingstat})" disabled="true" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&nbsp; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;span data-i18n="spell-penetration-a"&gt;Spell Pen&lt;/span&gt;:&lt;br&gt; &lt;input type="text" style="width: 25px;" name="attr_spellpen" title="spellpen" value="0" class="sheet-table-row-small"&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" style="width: 75%;"&gt;&lt;span data-i18n="spell-focus"&gt;Spell Focus&lt;/span&gt;:&lt;br&gt; &lt;span data-i18n="abjuration"&gt;Abjuration&lt;/span&gt;:&lt;input type="text" name="attr_sf-abjuration" title="sf-abjuration" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="conjuration"&gt;Conjuration&lt;/span&gt;:&lt;input type="text" name="attr_sf-conjuration" title="sf-conjuration" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="divination"&gt;Divination&lt;/span&gt;:&lt;input type="text" name="attr_sf-divination" title="sf-divination" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="enchantment"&gt;Enchantment&lt;/span&gt;:&lt;input type="text" name="attr_sf-enchantment" title="sf-enchantment" value="0" class="sheet-table-row-small"&gt;&lt;br&gt; &lt;span data-i18n="evocation"&gt;Evocation&lt;/span&gt;:&lt;input type="text" name="attr_sf-evocation" title="sf-evocation" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="illusion"&gt;Illusion&lt;/span&gt;:&lt;input type="text" name="attr_sf-illusion" title="sf-illusion" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="necromancy"&gt;Necromancy&lt;/span&gt;:&lt;input type="text" name="attr_sf-necromancy" title="sf-necromancy" value="0" class="sheet-table-row-small"&gt; &nbsp; &nbsp; &nbsp; &lt;span data-i18n="transmutation"&gt;Transmutation&lt;/span&gt;:&lt;input type="text" name="attr_sf-transmutation" title="sf-transmutation" value="0" class="sheet-table-row-small"&gt; &lt;/td&gt; &lt;td class="sheet-table-header3" style="width: 10%; border: 1px solid black;"&gt;&lt;br&gt;&lt;input type="text" class="sheet-input-noborder" name="attr_powerpointname" data-i18n-placeholder="power-points" placeholder="Power Points" title="powerpointname"&gt;&lt;br&gt; &lt;div&gt;&lt;input type="text" name="attr_powerpoints" title="powerpoints" style="width: 30px; text-align: right;"&gt;/&lt;input type="text" name="attr_powerpoints_max" title="powerpoints|max" style="width: 30px;"&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;br&gt; &lt;hr/&gt; &nbsp; &nbsp; &lt;br&gt; So does anyone have a guess to why the preview looks mostly fine but when in game it's so broken? (No idea why the base coding part is so gibbed. I'll just give links to where I got the code from. D20 Modern; line 1647: <a href="https://github.com/Roll20/roll20-character-sheets/" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/</a>... 3.5; line 2450:&nbsp;<a href="https://github.com/Roll20/roll20-character-sheets/blob/master/D%26D_3-5/charsheet_3-5.html" rel="nofollow">https://github.com/Roll20/roll20-character-sheets/blob/master/D%26D_3-5/charsheet_3-5.html</a> )

You're missing the translation file.

Doesn't that just have to do with going from one language to another? (As you can tell I really don't know much of what I'm trying to do. Kinda learning as I go.) Ah I see what you mean now that I'm looking at the source info. I will try and get that all added and then see how things go, then get back to posting here to see if all my issues are gone. Thank you Jakob!

So found the 3.5 translation right away. The D20 Modern sheet info doesn't have one, and to be honest I haven't been using one the whole time with no issues. I tried just adding the parts that have to do with the spell area and it didn't solve anything, so, honestly I'm just scratching my head here.

Alright, I got things working. I derped on something and now things are working perfectly. Again thank you Jakob for response!

You have stuff like this in your code: &lt;span data-i18n="fifth"&gt; This seems to come from the 3.5 sheet. As long as you have this, you should also have a translation file with a "fifth" key (you can just add the whole 3.5 translation file, for example). If you don't, the red text in square brackets will appear. If you don't want to mess around with translations, you can also delete all the data-i18n attributes from everything instead. EDIT: crossposting.