FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-26 21:41:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Remove space between icon and input element

Browse Source 
There was a space between the icon and the actual input. This was caused by a space in the HTML which I guess was casued by the indentation. There should be no space (so no line break) between the span.add-on and the input tag.
This commit is contained in:
Per Wiklander 2012-09-07 00:54:00 +03:00
parent ee55c859d2
commit 9a7417e19f
1 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
docs/index.html
View File

@ -648,16 +648,14 @@
<div class="control-group"> <div class="control-group">
<div class="controls"> <div class="controls">
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span> <span class="add-on"><i class="icon-envelope"></i></span><input class="span2" id="inputIcon" type="text" placeholder="Email address">
<input class="span2" id="inputIcon" type="text" placeholder="Email address">
</div> </div>
</div> </div>
</div> </div>
<div class="control-group"> <div class="control-group">
<div class="controls"> <div class="controls">
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-key"></i></span> <span class="add-on"><i class="icon-key"></i></span><input class="span2" id="inputIcon2" type="text" placeholder="Password">
<input class="span2" id="inputIcon2" type="text" placeholder="Password">
</div> </div>
</div> </div>
</div> </div>
@ -930,26 +928,23 @@
<p> <p>
<form> <form>
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span> <span class="add-on"><i class="icon-envelope"></i></span><input class="span2" type="text" placeholder="Email address">
<input class="span2" type="text" placeholder="Email address">
</div> </div>
<div class="input-prepend"> <div class="input-prepend">
<span class="add-on"><i class="icon-key"></i></span> <span class="add-on"><i class="icon-key"></i></span><input class="span2" type="password" placeholder="Password">
<input class="span2" type="password" placeholder="Password">
</div> </div>
</form> </form>
</p> </p>
</div> </div>
<div class="span9"> <div class="span9">
<p>Please note that the span and input tags should be on one line.</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;form&gt; &lt;form&gt;
&lt;div class="input-prepend"&gt; &lt;div class="input-prepend"&gt;
&lt;span class="add-on"&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;&lt;/span&gt; &lt;span class="add-on"&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;&lt;/span&gt;&lt;input class="span2" type="text" placeholder="Email address"&gt;
&lt;input class="span2" type="text" placeholder="Email address"&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;div class="input-prepend"&gt; &lt;div class="input-prepend"&gt;
&lt;span class="add-on"&gt;&lt;i class="icon-key"&gt;&lt;/i&gt;&lt;/span&gt; &lt;span class="add-on"&gt;&lt;i class="icon-key"&gt;&lt;/i&gt;&lt;/span&gt;&lt;input class="span2" type="password" placeholder="Password"&gt;
&lt;input class="span2" type="password" placeholder="Password"&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/form&gt; &lt;/form&gt;
</pre> </pre>