On 1/4/07 5:10 PM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:
> Liz wrote: > >> 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. > > IE needs its 'hasLayout'[1] trigger. > Adding... > #navcontainer a {height: 1%;} > ...will do. > >> 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. > > Background-images are easiest to line up reliable across browser-land, > so just keep it there - with minor changes. > > 1: crop the image canvas so it's only as large as the arrow. That should > be 7 x 8 px image-size. > > 2: adjust its position and make it font size dependent, by adding > something like... > #navcontainer a {background-position: 10px .7em;} > > That will make it line up pretty well over a wide range of font resizing > in all browsers. > > regards > Georg > > [1]http://www.satzansatz.de/cssd/onhavinglayout.html Thank you for your help. Your solution helped with 1) but not 2) see http://www.liztestsitem.com/nav/index.html It's not lining up correctly. Did I put something in the wrong order? I'm still fairly new to css layout. I'm wondering if the background image approach will work though. Roger Roelofs gave me a solution that centered the arrow but on a 2 line list the arrow goes between the lines. I would like it to look work like a real bullet and center to the first line. Is this possible with a background image? 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/
