I\'m using the IE web developer toolbar to troubleshoot an issue. A blank white space is appearing below a list item, and I can\'t logically figure out why. Using the web dev
I was hitting a variation of this iisue which is a phantom dot to the left of my list item in IE9 in native view The solution was to apply this style to the LI element
LIST-STYLE-TYPE: none;
hth
I resolved this cause by adding the align tug to image, like this (i'm use DTD HTML 4.01 Transitional ):
Before
<div class="OpenParagraph"></div>
<div><img alt="-" width="489" height="1" border="0" src="/image/fadeBigBorder.gif"></div>
<div class="OpenParagraph"></div>
After
<div class="OpenParagraph"></div>
<div><img alt="-" width="489" height="1" border="0" align="absMiddle" src="/image/fadeBigBorder.gif"></div>
<div class="OpenParagraph"></div>
I had this issue and I realized the doctype and html tags were not up to date
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
Now that the <a>
is a block level element, you have to give it hasLayout too.
a
{
display:block;
zoom:1;
}
Working with Asp.Net I replaced the <a href=""></a>
tags with the <asp:HyperLink NavigateUrl="" runat="server"></asp:HyperLink>
tags and it worked.
I understand the original question is not about Asp.Net, but I stumbled across it in my own quest
I encountered a similar issue with an inline list that I was working on. IE7 was adding a small amount of space after each one of my list elements. I had difficulty tracking down the issue but I finally discovered that the white space in my HTML was causing the space. I removed the white space and everything was fixed. See before and after example below:
<!-- Before -->
<ul>
<li><a href="#">My Account</a></li>
<li><a href="#">Support</a></li>
<li class="last"><a href="#">Logout</a></li>
</ul>
<!-- After -->
<ul>
<li><a href="#">My Account</a></li><li><a href="#">Support</a></li><li class="last"><a href="#">Logout</a></li>
</ul>
Hope this helps out someone!