On 1/5/07 2:04 AM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote: > Liz wrote: > >> 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. > > CSS is correct, but the background-images you use are not. They should > be cropped (in a photo-program) so the blank areas on top and left side > are no longer there. Otherwise it'll become visually "skewed". > >> 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? > > Yes, but not with any image size. > > You want it somewhat like this... > <http://www.gunlaug.no/tos/alien/test_07_1110.html> > > Give that page a 300% font resizing in Firefox, and the arrows will > still line up as you want. It centers quite well with the first line, > regardless of font size, number of lines and other variables. > > Positioning with 'em' from the top makes position adjust with font size, > and the line-up will be quite good and stable with a small background image. > > I have cropped the two "arrow" images to make them as small as they can > be (and turned them into 8 bits png for my convenience). That's how I > described it in my previous response. > > Hope that makes it all a bit clearer. > > regards > Georg Thank you so much, your sample works perfectly. The reson it did not work when I tried it before was not for lack of cropping the images which I had done, the problem was I was linking to the root image directory which had the uncropped ones by having a slash before images. I forgot I was not linking to the images direcory in my same folder. thanks you so much for your help and patience. 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/
