[css-d] Left-aligned navigation buttons with gradient fade on right

2011-09-01 Thread Mark Richards
Hello folks, The site I maintain currently has its navigation in a table (don't ask): div class=nav table tr tdMenu item 1/td tdMenu item 2/td tdMenu item 3/td /tr /table /div The styles currently put .nav at 100% width with a background-color, and apply some

Re: [css-d] Left-aligned navigation buttons with gradient fade on right

2011-09-01 Thread Tim Climis
I'd like to avoid putting an image in (actually if that's the only way then it's not going to happen). There is no way to get a gradient in IE7 without using an image. Or are you just opposed to using img and a background image is okay? ---Tim

Re: [css-d] Left-aligned navigation buttons with gradient fade on right

2011-09-01 Thread Barney Carroll
Mark, You can use Microsoft's proprietary filters property to achieve gradients using a similar syntax. As ever, CSS3please.com is the best resource: http://css3please.com#box_gradient Regards, Barney Carroll barney.carr...@gmail.com 07594 506 381 On 1 September 2011 14:42, Tim Climis

Re: [css-d] Left-aligned navigation buttons with gradient fade on right

2011-09-01 Thread Mark Richards
Hi, I guess I wasn't clear in my original email. I plan to use CSS3 for the gradient, and possibly IE filters to make this work in older IE. My problem is with the layout. I want the gradient to start at the right edge of the menu items and go until the right edge of the parent. div class=nav

Re: [css-d] Left-aligned navigation buttons with gradient fade on right

2011-09-01 Thread Barney Carroll
Mark, Sorry, misunderstood the problem part. Essentially, your problem is not with creating the gradient effect per se, but with layout — specifically, getting .dummy to occupy the full remaining width (in which case the gradient goes from top left to top right of that element without any need