I know that the best way to make a gradient image is to have its width set as 1 and just let it repeat, but I’m confused as to what the height should be?
Should it be really big in case the viewer is on a huge monitor or TV screen or something? Is there a way to have it be just like 1×10 and look normal?
Also, doing rounded corners and stuff like that without using CSS3… using an image – is that possible in a fluid layout?
Heres a gradient thing I’m talking about. this is the background gradient used on Teamliquid.net. It’s height is only 33px, yet you can’t tell that its repeating on the y axis…?
The height of the gradient is 33px, because the navbar has a height of 33px.
When you have a vertical gradient, that means you need to repeat it horizontally and that means you need a width of 1px and a height of the gradient height you want to have.