css - HTML: Can't delete small 5px gap between two buttons -
i got small gap between 2 buttons , can't deal it, tried in browser terminal, didn't helped. here buttons:
<div class="secondtablevrow"> <input type="submit" name="submit" value="submit" id="submit" onmouseover="onsubmithover()" onmouseout="submitfadeout()" onclick="submitform()"/> <input type="button" name="extend" value="advanced" id="extend" onmouseover="notefade('extendnote')" onmouseout="notefadeout('extendnote')" onclick="advancedoptions()" /> </div>
css:
.secondtablevrow{ width:318px; background-color:green; display:inline-block; } #submit{ cursor:pointer; display:inline-block; font-family:"lucida sans unicode", "lucida grande", sans-serif; width:156px; height:35px; outline:none; border:none; background-color:#dddddd; -webkit-transition: background-color 0.4s linear 0s; -moz-transition: background-color 0.4s linear 0s; -o-transition: background-color 0.4s linear 0s; transition: background-color 0.4s linear 0s; }
both buttons have same css, know should use class , will, want fix problem first. live example of buttons: http://www.diligencehelps.com/php_includes/register_form.php there seems small gap after every element in form, why happening?if more code needed ask.
try this:
<div class="secondtablevrow"> <input type="submit" name="submit" value="submit" id="submit" onmouseover="onsubmithover()" onmouseout="submitfadeout()" onclick="submitform()"/><!-- --><input type="button" name="extend" value="advanced" id="extend" onmouseover="notefade('extendnote')" onmouseout="notefadeout('extendnote')" onclick="advancedoptions()" /> </div>
html can picky whitespaces.
for more background information, check out: http://css-tricks.com/fighting-the-space-between-inline-block-elements/
Comments
Post a Comment