So I Need some assistance with this. I thought I had it figured out but to my dismay, it's not working. so below I will provide my HTML and below it I will provide my CSS. The issue I am having is that the Mordor tab works as expected but the Angmar does not. Could y'all please inform me where I am making my mistake? HTML: <div> <!-- Set up the Tabs --> <input type="radio" name="attr_core-tab" value="1"<span title="MORDOR"></span> <span style='line-height: 40px;'>MORDOR</span> <input type="radio" name="attr_core-tab" value="2"<span title="ANGMAR"></span> <span style='line-height: 40px;'>ANGMAR</span> <input type="radio" name="attr_core-tab" value="3" title="GOBLIN KINGDOM" /> <span style='line-height: 20px;'>GOBLIN KINGDOM</span> <input type="radio" name="attr_core-tab" value="4" title="GONDOR" /> <span style='line-height: 40px;'>GONDOR</span> <input type="radio" name="attr_core-tab" value="5" title="ROHAN" /> <span style='line-height: 40px;'>ROHAN</span> <input type="radio" name="attr_core-tab" value="6" title="ARNOR" /> <span style='line-height: 40px;'>ARNOR</span> <input type="radio" name="attr_core-tab" value="7" title="ERECH" /> <span style='line-height: 40px;'>ERECH</span> <input type="radio" name="attr_core-tab" value="8" title="IRON HILLS" /> <span style='line-height: 40px;'>IRON HILLS</span> <input type="radio" name="attr_core-tab" value="9" title="THE ELVES" /> <span style='line-height: 40px;'>THE ELVES</span> <input type="radio" name="attr_core-tab" value="10" title="THE SHIRE" /> <span style='line-height: 40px;'>THE SHIRE</span> <input type="radio" name="attr_core-tab" value="11" title="ISENGARD" /> <span style='line-height: 40px;'>ISENGARD</span> <!-- End Tab setup --> <div class="sheet-section-MORDOR"><!-- Core Tab --> <h1>MORDOR</h1> <div> <div><br /> <table style="height: 206px; margin-left: auto; margin-right: auto;" width="732"> <tbody> <tr> <td style="width: 121px; text-align: center;"><em><span style="text-decoration: underline;"><strong>Troop Type</strong></span></em></td> <td style="width: 121px;"><span style="text-decoration: underline;"><em><strong>Troop Total</strong></em></span></td> <td style="width: 121px;"><strong><span style="background-color: #ffff00;">Attack Value</span></strong></td> <td style="width: 122px;"><strong><span style="color: #ffffff; background-color: #000000;">Defense Value</span></strong></td> <td style="width: 122px;"><strong><span style="background-color: #ff0000;">Health Value</span></strong></td> <td style="width: 124px;"><strong>Gold Cost</strong></td> </tr> <tr> <td style="width: 121px;">Soldier</td> <td style="width: 121px; border-color: #ff0000;"> <input name="attr_mordorsoldier_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_mordorsoldier_ATK" value="@{mordorsoldier_qty}*1" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorsoldier_DEF" value="@{mordorsoldier_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorsoldier_HIT" value="@{mordorsoldier_qty}*1" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_mordorsoldier_cost" value="10" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Archer</td> <td style="width: 121px; border-color: #ff0000;"> <input name="attr_mordorarcher_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_mordorarcher_ATK" value="@{mordorarcher_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorarcher_DEF" value="@{mordorarcher_qty}*1" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorarcher_HIT" value="@{mordorarcher_qty}*1" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_mordorarcher_cost" value="15" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Knight</td> <td style="width: 121px;"> <input name="attr_mordorknight_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_mordorknight_ATK" value="@{mordorknight_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorknight_DEF" value="@{mordorknight_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorknight_HIT" value="@{mordorknight_qty}*2" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_mordorknight_cost" value="25" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Siege Engine</td> <td style="width: 121px;"> <input name="attr_mordorsiegeengine_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_mordorsiegeengine_ATK" value="@{mordorsiegeengine_qty}*5" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorsiegeengine_DEF" value="@{mordorsiegeengine_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorsiegeengine_HIT" value="@{mordorsiegeengine_qty}*3" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_mordorsiegeengine_cost" value="45" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Orc Soldier</td> <td style="width: 121px;"> <input name="attr_mordororcsoldier_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_mordororcsoldier_ATK" value="@{mordororcsoldier_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordororcsoldier_DEF" value="@{mordororcsoldier_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordororcsoldier_HIT" value="@{mordororcsoldier_qty}*1" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_mordororcsoldier_cost" value="15" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Mumakil</td> <td style="width: 121px;"> <input name="attr_mordormumakil_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_mordormumakil_ATK" value="@{mordormumakil_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordormumakil_DEF" value="@{mordormumakil_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordormumakil_HIT" value="@{mordormumakil_qty}*2" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_mordormumakil_cost" value="35" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Fel Beast</td> <td style="width: 121px;"> <input name="attr_mordorfellbeast_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_mordorfellbeast_ATK" value="@{mordorfellbeast_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorfellbeast_DEF" value="@{mordorfellbeast_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_mordorfellbeast_HIT" value="@{mordorfellbeast_qty}*3" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_mordorfellbeast_cost" value="45" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Shagrat</td> <td style="width: 121px;"> <input name="attr_shagrat_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_shagrat_ATK" value="@{shagrat_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_shagrat_DEF" value="@{shagrat_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_shagrat_HIT" value="@{shagrat_qty}*2" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_shagrat_cost" value="45" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Shelob</td> <td style="width: 121px;"> <input name="attr_shelob_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_shelob_ATK" value="@{shelob_qty}*4" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_shelob_DEF" value="@{shelob_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_shelob_HIT" value="@{shelob_qty}*3" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_shelob_cost" value="55" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">The Mouth of Sauron</td> <td style="width: 121px;"> <input name="attr_sauronmouth_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_sauronmouth_ATK" value="@{sauronmouth_qty}*5" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_sauronmouth_DEF" value="@{sauronmouth_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_sauronmouth_HIT" value="@{sauronmouth_qty}*2" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_sauronmouth_cost" value="65" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Grond "The Wolf Head"</td> <td style="width: 121px;"> <input name="attr_grond_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_grond_ATK" value="@{grond_qty}*0" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_grond_DEF" value="@{grond_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_grond_HIT" value="@{grond_qty}*3" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_grond_cost" value="65" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">The Necromancer</td> <td style="width: 121px;"> <input name="attr_necromancer_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_necromancer_ATK" value="@{necromancer_qty}*5" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_necromancer_DEF" value="@{necromancer_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_necromancer_HIT" value="@{necromancer_qty}*4" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_necromancer_cost" value="105" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Sauron</td> <td style="width: 121px;"> <input name="attr_sauron_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_sauron_ATK" value="@{sauron_qty}*7" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_sauron_DEF" value="@{sauron_qty}*5" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_sauron_HIT" value="@{sauron_qty}*5" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_sauron_cost" value="95" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Army Value</td> <td style="width: 121px;"> </td> <td style="width: 121px;"> <input type="number" name="attr_MORDORARMY_ATK" value="@{sauron_ATK}+@{necromancer_ATK}+@{grond_ATK}+@{sauronmouth_ATK}+@{shelob_ATK}+@{shagrat_ATK}+@{mordorfellbeast_ATK}+@{mordorsoldier_ATK}+@{mordorarcher_ATK}+@{mordorknight_ATK}+@{mordorsiegeengine_ATK}+@{mordororcsoldier_ATK}+@{mordormumakil_ATK}" disabled="true" /><button type='roll' value='&{template:default} {{name=Attack}} {{Hits:[[(@{mordorarmy_ATK})d6>6]]}}'></button></td> <td style="width: 122px;"> <input type="number" name="attr_MORDORARMY_DEF" value="@{sauron_DEF}+@{necromancer_DEF}+@{grond_DEF}+@{sauronmouth_DEF}+@{shelob_DEF}+@{shagrat_DEF}+@{mordorfellbeast_DEF}+@{mordorsoldier_DEF}+@{mordorarcher_DEF}+@{mordorknight_DEF}+@{mordorsiegeengine_DEF}+@{mordororcsoldier_DEF}+@{mordormumakil_DEF}" disabled="true" /><button type='roll' value='&{template:default} {{name=Defense}} {{Saves:[[(@{mordorarmy_DEF})d6>6]]}}'></button></td> <td style="width: 122px;"> <input type="number" name="attr_MORDORARMY_HIT" value="@{sauron_HIT}+@{necromancer_HIT}+@{grond_HIT}+@{sauronmouth_HIT}+@{shelob_HIT}+@{shagrat_HIT}+@{mordorfellbeast_HIT}+@{mordorsoldier_HIT}+@{mordorarcher_HIT}+@{mordorknight_HIT}+@{mordorsiegeengine_HIT}+@{mordororcsoldier_HIT}+@{mordormumakil_HIT}" disabled="true" /></td> <td style="width: 124px;"> </td> </tr> </tbody> </table> </div> <div class="sheet-section-ANGMAR"><!-- Edges Tab --> <h>ANGMAR</h> <div> <div><br /> <table style="height: 206px; margin-left: auto; margin-right: auto;" width="732"> <tbody> <tr> <td style="width: 121px; text-align: center;"><em><span style="text-decoration: underline;"><strong>Troop Type</strong></span></em></td> <td style="width: 121px;"><span style="text-decoration: underline;"><em><strong>Troop Total</strong></em></span></td> <td style="width: 121px;"><strong><span style="background-color: #ffff00;">Attack Value</span></strong></td> <td style="width: 122px;"><strong><span style="color: #ffffff; background-color: #000000;">Defense Value</span></strong></td> <td style="width: 122px;"><strong><span style="background-color: #ff0000;">Health Value</span></strong></td> <td style="width: 124px;"><strong>Gold Cost</strong></td> </tr> <tr> <td style="width: 121px;">Soldier</td> <td style="width: 121px; border-color: #ff0000;"> <input name="attr_angmarsoldier_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_angmarsoldier_ATK" value="@{angmarsoldier_qty}*1" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarsoldier_DEF" value="@{angmarsoldier_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarsoldier_HIT" value="@{angmarsoldier_qty}*1" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_angmarsoldier_cost" value="10" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Archer</td> <td style="width: 121px; border-color: #ff0000;"> <input name="attr_angmararcher_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_angmararcher_ATK" value="@{angmararcher_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmararcher_DEF" value="@{angmararcher_qty}*1" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmararcher_HIT" value="@{angmararcher_qty}*1" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_angmararcher_cost" value="15" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Knight</td> <td style="width: 121px;"> <input name="attr_angmarknight_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_angmarknight_ATK" value="@{angmarknight_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarknight_DEF" value="@{angmarknight_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarknight_HIT" value="@{angmarknight_qty}*2" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_angmarknight_cost" value="25" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Siege Engine</td> <td style="width: 121px;"> <input name="attr_angmarsiegeengine_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_angmarsiegeengine_ATK" value="@{angmarsiegeengine_qty}*5" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarsiegeengine_DEF" value="@{angmarsiegeengine_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarsiegeengine_HIT" value="@{angmarsiegeengine_qty}*3" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_angmarsiegeengine_cost" value="45" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Troll</td> <td style="width: 121px;"> <input name="attr_angmartroll_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_angmartroll_ATK" value="@{angmartroll_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmartroll_DEF" value="@{angmartroll_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmartroll_HIT" value="@{angmartroll_qty}*2" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_angmartroll_cost" value="25" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Nazgul</td> <td style="width: 121px;"> <input name="attr_angmarnazgul_qty" type="number" value="0" /></td> <td style="width: 121px;"> <input type="number" name="attr_angmarnazgul_ATK" value="@{angmarnazgul_qty}*3" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarnazgul_DEF" value="@{angmarnazgul_qty}*2" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_angmarnazgul_HIT" value="@{angmarnazgul_qty}*1" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_angmarnazgul_cost" value="45" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">The Witch King</td> <td style="width: 121px;"> <input name="attr_witchking_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_witchking_ATK" value="@{witchking_qty}*4" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_witchking_DEF" value="@{witchking_qty}*4" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_witchking_HIT" value="@{witchking_qty}*2" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_witchking_cost" value="45" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Smaug</td> <td style="width: 121px;"> <input name="attr_smaug_qty" type="checkbox" value="1" /></td> <td style="width: 121px;"> <input type="number" name="attr_smaug_ATK" value="@{smaug_qty}*10" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_smaug_DEF" value="@{smaug_qty}*8" disabled="true" /></td> <td style="width: 122px;"> <input type="number" name="attr_smaug_HIT" value="@{smaug_qty}*6" disabled="true" /></td> <td style="width: 124px;"> <input type="number" name="attr_smaug_cost" value="55" disabled="true" /></td> </tr> <tr> <td style="width: 121px;">Army Value</td> <td style="width: 121px;"> </td> <td style="width: 121px;"> <input type="number" name="attr_ANGMARARMY_ATK" value="@{smaug_ATK}+@{witchking_ATK}+@{angmarsoldier_ATK}+@{angmararcher_ATK}+@{angmarknight_ATK}+@{angmarsiegeengine_ATK}+@{angmartroll_ATK}+@{angmarnazgul_ATK}" disabled="true" /><button type='roll' value='&{template:default} {{name=Attack}} {{Hits:[[(@{angmararmy_ATK})d6>6]]}}'></button></td> <td style="width: 122px;"> <input type="number" name="attr_ANGMARARMY_DEF" value="@{smaug_DEF}+@{witchking_DEF}+@{angmarsoldier_DEF}+@{angmararcher_DEF}+@{angmarknight_DEF}+@{angmarsiegeengine_DEF}+@{angmartroll_DEF}+@{angmarnazgul_DEF}" disabled="true" /><button type='roll' value='&{template:default} {{name=Defense}} {{Saves:[[(@{angmararmy_DEF})d6>6]]}}'></button></td> <td style="width: 122px;"> <input type="number" name="attr_ANGMARARMY_HIT" value="@{smaug_HIT}+@{witchking_HIT}+@{angmarsoldier_HIT}+@{angmararcher_HIT}+@{angmarknight_HIT}+@{angmarsiegeengine_HIT}+@{angmartroll_HIT}+@{angmarnazgul_HIT}" disabled="true" /></td> <td style="width: 124px;"> </td> </tr> </tbody> </table> </div><!-- Stuff on the tab --> <div><!-- Skills Tab --> <!-- Stuff on the tab --> </div> <div><!-- gear Tab --> <!-- Stuff on the tab --> </div> <div><!-- arcanum Tab --> <!-- Stuff on the tab --> </div> <div><!-- Journal Tab --> <!-- Stuff on the tab --> </div> <div><!-- Journal Tab --> <!-- Stuff on the tab --> </div> <div><!-- Journal Tab --> <!-- Stuff on the tab --> </div> <div><!-- Journal Tab --> <!-- Stuff on the tab --> </div> <div><!-- Journal Tab --> <!-- Stuff on the tab --> </div> <div><!-- Journal Tab --> <!-- Stuff on the tab --> </div> </div>
