Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

inline radios using label?

Friend of mine suggested using <label> for my radios so you can click the label to select the radio, only problem is, now all my radios are stacked rather then inline. <label for="stats">Statistics</label><input type="radio" id="stats" class="sheet-isStats" value="1" name="attr_pc" checked> <label for="feats">Feats & Skills</label><input type="radio" id="feats" class="sheet-isFeats" value="2" name="attr_pc"> <label for="equip">Armor & Weapons</label><input type="radio" id="eqiip" class="sheet-isEquip" value="3" name="attr_pc"> <label for="spell">Spells</label><input type="radio" id="spell" class="sheet-isSpell" value="4" name="attr_pc"> <label for="class">Class & Exp</label><input type="radio" id="class" class="sheet-isClass" value="5" name="attr_pc">
1402283331
Lithl
Pro
Sheet Author
API Scripter
Having them "stacked" would be a CSS issue. However, you should not use labels like this on character sheets. Your friend's suggestion is a good one for general practice when writing HTML, but it doesn't work in this case. Specifically, the for attribute of the label element requires an element on the page with a matching id attribute. However, because the same HTML code is used for every character sheet in the campaign, and they're all on the same page, introducing ids into your character sheet will cause duplicate id attributes (as soon as there are two or more characters in the journal), which is a big no-no; ids must be unique across the page.