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; } -- Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ 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/
