Previous Message
Next Message

Background image alignment for LI element - help needed

Sent by Brian Lowe on 25 March 2005 11:11


?

My solution has only 3 images: a tiled background giving the | for the UL, a
general T for a LI and a specialized L for the last child.

Each image gets reused over and over regardless of the number of elements or
depth of nesting: the UL uses the tile, the last or only LI uses the L and
any other LI uses the T.

I don't see how I could do without any 1 of the set.

My next problem is getting the display consistent across IE, NS, Firefox and
Opera. :-(


Brian Lowe
xaviar.co.uk
07753 205716 
[EMAIL-REMOVED]


-----Original Message-----
From: Ben Curtis [EMAIL-REMOVED]] 
Sent: 25 March 2005 00:54
To: [EMAIL-REMOVED]
Subject: Re: [css-d] Background image alignment for LI element - help needed


> The last LI has a background image overlaid on the UL background, 
> giving the corner. This image extends far below the end of the list, 
> hiding the remainder of the UL vertical line for that group.

It occurs to me that you an re-use the same corner, if you make it a
transparent gif. Then, the last node in a branch has a background color,
blocking the ul's vertical line that otherwise shows through.

Not much different, but saves one image download.

-- 

	Ben Curtis : webwright
	bivia : a personal web studio
	http://www.bivia.com
	v: (818) 507-6613



______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: