Note that there are some explanatory texts on larger screens.

plurals
  1. POImagebuttons gap
    primarykey
    data
    text
    <p>I don't have any CSS on the page.<br> If i place 2 imagebuttons control in 2 lines of code like this:</p> <pre><code>&lt;asp:ImageButton ID="btnVoteUp" Height="16px" Width="16px" runat="server" ImageUrl="images/thumbs_up.gif" CausesValidation="false" CommandArgument='&lt;%#Eval("ID")%&gt;' CommandName="VoteUp" /&gt; &lt;asp:ImageButton ID="btnVoteDown" Height="16px" Width="16px" runat="server" CausesValidation="false" ImageUrl="images/thumbs_down.gif" CommandArgument='&lt;%#Eval("ID")%&gt;' CommandName="VoteDown" /&gt; </code></pre> <p>I get a gap as seen on the picture (top row). If i place 2 imagebuttons control in 1 line like this:</p> <pre><code> &lt;asp:ImageButton ID="btnVoteUp" Height="16px" Width="16px" runat="server" ImageUrl="images/thumbs_up.gif" CausesValidation="false" CommandArgument='&lt;%#Eval("ID")%&gt;' CommandName="VoteUp" /&gt;&lt;asp:ImageButton ID="btnVoteDown" Height="16px" Width="16px" runat="server" CausesValidation="false" ImageUrl="images/thumbs_down.gif" CommandArgument='&lt;%#Eval("ID")%&gt;' CommandName="VoteDown" /&gt; </code></pre> <p>I don't get the gap as seen on the picture (second row).</p> <p><a href="http://img153.imageshack.us/img153/3817/83160966.jpg" rel="nofollow noreferrer">alt text http://img153.imageshack.us/img153/3817/83160966.jpg</a></p> <p>How can i remove this gap without placing imagebuttons in one line?</p> <p>THis is the generated markup:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt;&lt;title&gt; Untitled Page &lt;/title&gt;&lt;/head&gt; &lt;body&gt; &lt;form name="form1" method="post" action="Default2.aspx" id="form1"&gt; &lt;div&gt; &lt;input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEwMTIxNjc1NjlkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYCBQlidG5Wb3RlVXAFC2J0blZvdGVEb3duh1gAW23G9CSHTqWHtf1jVb+auJw=" /&gt; &lt;/div&gt; &lt;div&gt; &lt;input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAwLQ9PKkAgKUxN/UAgLruYmsBra/X3TDmu9s+nIDB4+xY93e6ZqR" /&gt; &lt;/div&gt; &lt;div&gt; &lt;input type="image" name="btnVoteUp" id="btnVoteUp" src="images/thumbs_up.gif" style="height:16px;width:16px;border-width:0px;" /&gt; &lt;input type="image" name="btnVoteDown" id="btnVoteDown" src="images/thumbs_down.gif" style="height:16px;width:16px;border-width:0px;" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload