This is probably something simple..just I am by far NOT a html/css expert :)
Is there a way to remove the extra space between objects on a page that is created when not coding all on one line?
For example:
And this exact same code but on 2 lines:
This is what I can get if I just jam all the elements on the same line (the first 4 of them) they all get closer together:
But the code is horrible to read or look at:
Is there a way to remove the extra space between objects on a page that is created when not coding all on one line?
For example:
<input type='checkbox' checked='true' name='attr_OCCRBL' value='1'><button float="left" type='roll' value='!rb 1d100 [[@{OCCTr}]] 0 @{OCCRBL} @{OCCRSK}' name='roll_SkillCheck2' /></button>Gives me this (notice the space between the checkbox and the button):
And this exact same code but on 2 lines:
<input type='checkbox' checked='true' name='attr_OCCSBL' value='1'>Gives me this(bigger space between them):
<button float="left" type='roll' value='!rb 1d100 [[@{OCCT}]] 0 @{OCCSBL} @{OCCSK}' name='roll_SkillCheck'></button>
This is what I can get if I just jam all the elements on the same line (the first 4 of them) they all get closer together:
But the code is horrible to read or look at:
<input type='checkbox' checked='true' name='attr_OCCRBL' value='1'><button float="left" class="sheet-blank" type='roll' value='!rb 1d100 [[@{OCCTr}]] 0 @{OCCRBL} @{OCCRSK}' name='roll_SkillCheck2' /></button><input float="left" type="text" style="width:15px; background:#ff6666; color:#fff;" name="attr_OCCRSKLV" value=1><input float="left" style="width:42%;" type="text" name="attr_OCCRSK" value=SkillName>How do I do fix these compounding extra spaces (they eat up more of my limited row space as I add more items in that row) without coding 1/4 of my character sheet as one long line of HTML code?