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
--
http://www.gunlaug.no
______________________________________________________________________
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/
