Re: List Styling

On 13 May, 09:23, shapper <mdmo...@xxxxxxxxx> wrote:

My anchor tags inside each list item have a background and margin. The
problem is they are overlapping.

Post a URL not a fragment.

In particular, we don't know what doctype declaration you're using, so
we don't know if IE is in Quirks or Standards mode. That will make a
difference to many issues about box sizing.

I then added to the li tag margin-top: 20px.

When fiddling with lists, always set _all_ the margins and padding on
both <ul> & <li>. This avoids inconsistencies between browser default
stylesheets (some use padding to control lists, some use margin).

<li>
<a title="Page1" href="http://www.name.com/page1";>Page1</a>
</li>

is better coded like this:

<li><a title="Page1"
href="http://www.name.com/page1";
>Page1</a></li>

Avoid the whitespace between tags here, as IE is sensitive to it.
Whitespace (including linebreaks) around the attributes inside the
start tag is OK.
.