Alright guys, well you are getting a bit of a sneak peak at Gazotto 2.0. Logo still isn't what I want but that's another story. Anyway . . . If you visit http://www.msmug.com/wordpress you will notice a pink poll box. Now the way it's set up is: |12px|100% width poll code goes here|12px| Now my gradient goes from top to bottom. However, with this poll plugin I can modify the number of choices etc. That means that the vertical height amount will vary each time my poll changes. Now I could do: ----------- 12 px -------- Code ---------- 12px ---------- My problem with that is that then the vertical gradient looks like crap and I really don't know the horizontal width because of the fluid content. So how do I maintain the current look but allow for a vertical fluid section for the code? Skinny
I don't know if I clearly understand your problem but I'll take a shot anyway... It seems that you want your gradient to strech according to the poll box. It this is the case then you can do the following: 1. Make a normal gradient image. 2. Set the background color of the poll box to the starting color of the gradient image (top portion). 3. Attach the gradient image as the background image with the follwoing in the CSS style: background-repeat:repeat-x; background-position:bottom; This will solve it... if that is what you wanted to get solved.
Stretching gradiants can't be done with css, however the post above shows the closest fix, streching either the top color of the gradiant as a background color or stretching the bottom color of the gradiant the same way. Gradiants usually look like crap on lcd screens anyway... For your search box or your poll box I would just take a 1 px slice of the background and repeat-x that slice, should fill it in nice. The background images on this page is a decent 1px slice repeatead and then the white on the bottom streches, the closest you will come to doing a good looking gradiant with css. http://keweenaw.org/