On 1/4/07 3:47 PM, "Roger Roelofs" <[EMAIL PROTECTED]> wrote:
> Lic,
>
> On Jan 4, 2007, at 5:59 PM, Liz wrote:
>
>> Is there a way to do the following with
>> http://www.liztestsitem.com/nav/index.html
>>
>> 1) have the space between the list items be the same in IE as it is
>> in FF
>> and Safari.
>>
>> 2) the arrow is a background image. I have to keep changing the
>> canvas size
>> of the arrow image so the arrow lines up where I want it to when I
>> change
>> the size of the list font. Is there a better way of doing this? I
>> tried
>> using an arrow as the list bullet but it didn¹t show up when I also
>> had the
>> border for the line.
>
> for 2), using background-position: center left; will keep the
> background image centered inside the a element. As for 1), I can't
> test on ie, but I'd start by zeroing out the margin and padding for
> both the ul and li in question.
>
> I ended up with something like this (all other styles left alone).
> Trimming out the extra background on the arrow will require some
> tweaking of the css, but it will be simpler in the end.
>
> #navcontainer li {
> margin: 6px 0;
> border-bottom: 1px solid #3f61a2;
> padding: 0 0 5px 0;
> }
>
> #navcontainer li a {
> display: block;
> padding: 5px 14px 0 24px;
> background-image: url(/images/arrowLn.gif);
> background-repeat: no-repeat;
> background-position: center left;
> }
>
Thank you for your help.
Your solution works very well for 1 lines lists
http://www.liztestsitem.com/nav/index2.html but when there are 2 lines it
centers between them which doesn't act the way a real bullet should since it
is a background image and not a bullet. Do you know of a way to make it work
with a border and a real bullet?
Regards,
Liz
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
