So I have created a D20 Character Sheet for a modern, zombie apocalypse game and wanted to incorporate a humanity counter - similar to the Vampire Masquerade/World of Darkness Humanity's system. My goal is to have a circle of boxes and when a player clicks on a box, they can select an x. I did that, it works for me, but my players can only select 4 or 5 x's in the boxes. The others, when they click on the box, disappears. If the hold down on the box, they can see the x, but cannot select it. I am not entirely sure that I am explaining it well enough without showing it, so I've included a bit of my coding (from World of Darkness/Vampire Masquerade). Any help would be very appreciated! It would make it so much easier if my players could control it and I didn't have to stop what I was doing to open their character sheet, and mark an x - and then pick up where I left of every so often. Thanks again, Emily <!---------------------------Humanity Points-----------------------------------> <h3 style="text-align: center;">Humanity Points</h3> <div> <div class='sheet-6colrow'> <div class='sheet-col'> <table style="width:848px;"> </table> <div> <div style="height:165px"> <div> <h1 style="text-align:center;"> <select name="attr_quintessence1"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence2" > <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence3" > <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence4"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence5"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence6"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence7"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence8"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence9"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence10" > <option></option> <option value="Paradox">✖</option> </select> </div> <div> <h1 style="text-align:center;"> <select name="attr_quintessence20"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence19" > <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence18" > <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence17" > <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence16"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence15"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence14" > <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence13"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence12"> <option></option> <option value="Paradox">✖</option> </select> <select name="attr_quintessence11" > <option></option> <option value="Paradox">✖</option> </select> </div> </div> </table> </span> </div> </div> <div class='sheet-col'> <div></div> </div> <div class='sheet-col'> <table> </div> </div> </div> <br> <br>
