Databases
StackOverflow2013
Postsdbo
PORemove unnecessary space between li elements in IE
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PORemove unnecessary space between li elements in IE
    text
    copied!<p>I have an unordered list for horizontal navigation</p> <p>The <strong>code</strong> is something like this</p> <pre><code> &lt;ul class="headul"&gt; &lt;li class="headli"&gt;&lt;a href="#"&gt;&lt;img src="Images/2_03.jpg"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="headli"&gt;&lt;a href="#"&gt;&lt;img src="Images/2_04.jpg"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="headli"&gt;&lt;a href="#"&gt;&lt;img src="Images/2_05.jpg"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="headli"&gt;&lt;a href="#"&gt;&lt;img src="Images/2_06.jpg"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="headli"&gt;&lt;a href="#"&gt;&lt;img src="Images/2_07.jpg"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="headli"&gt;&lt;a href="#"&gt;&lt;img src="Images/2_08.jpg"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class="headli"&gt;&lt;a href="#"&gt;&lt;img src="Images/2_09.jpg"/&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p><strong>css</strong></p> <pre><code> .headul { display:block; padding:0px } .headli { list-style:none; display:block; letter-spacing:0; float:left; border:0px; } .headli a {float:left; display:block; letter-spacing:0; float:left; border:0; } </code></pre> <p>Ive tried float:left, display:inline, display:block, display:inline-block, etc,</p> <p>I also tried removing the spaces between the html li elements. ( i.e put all the li elements on the same line in html code)</p> <p>I also tried letter-spacing:0, font-size:0 for ul , li as well as li a</p> <p>it looks great on chrome and mozilla but in IE there's a little space between all the li element.. as if IE is giving them a margin of a couple px or something... moreover it's happening on IE9.. (i use IE tester to test on earlier versions of IE but today for some reason it keeps crashing when testing IE7) </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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