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
-- 
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/

Reply via email to