Prev: Text shift problem...
Next: Rollover problem with text anchor
From: Alan Silver on 15 Apr 2008 13:42
Hello,

Please can you have a look at http://www.kidsinaction.org.uk/x/ and tell
me what I've done wrong.

If you look at it in FireFox, it looks how I would like, with the links
in the left margin being slightly away from the left edge of the white
background.

If you look at this page in IE6 or IE7 (not checked any others), these
links are too far left. In IE6, the part of the link text that goes over
the left margin is not shown, so you only see the end of the link text.
In IE7, the full link text is visible, but it's too far left.

The HTML and CSS are both valid, and I'm not sure what's going wrong
here. Any help would be gratefully appreciated.

Thanks

--
Alan Silver
(anything added below this line is nothing to do with me)
From: Bergamot on 15 Apr 2008 14:34
Alan Silver wrote:
>
> http://www.kidsinaction.org.uk/x/
>
> If you look at this page in IE6 or IE7 (not checked any others), these
> links are too far left.

You must set both left margin and padding values if you want consistency
across browsers. Both the left indent and bullet placement are affected
differently.

try
ul {margin-left:0; padding-left:20px}

or thereabouts.

--
Berg
From: Alan Silver on 15 Apr 2008 17:15
In article <66kaqgF2kfl66U1(a)mid.individual.net>, Bergamot
<bergamot(a)visi.com> writes
>Alan Silver wrote:
>>
>> http://www.kidsinaction.org.uk/x/
>>
>> If you look at this page in IE6 or IE7 (not checked any others), these
>> links are too far left.
>
>You must set both left margin and padding values if you want consistency
>across browsers. Both the left indent and bullet placement are affected
>differently.
>
>try
>ul {margin-left:0; padding-left:20px}
>
>or thereabouts.

Thanks, that's great ;-)

--
Alan Silver
(anything added below this line is nothing to do with me)
 | 
Pages: 1
Prev: Text shift problem...
Next: Rollover problem with text anchor