Page 1 of 1
Use CSS to do things images normally do?
Posted: Mon Jul 18, 2005 7:41 am
by Chris Corbyn
Who uses CSS as a substitute for using images to add page decorations.
I'm talking about things like thine lines, blocks of color, overlapping blocks etc etc. Seems that so many people still use images to do things which use about 20% of the bandwidth (if not less) with CSS...
Posted: Mon Jul 18, 2005 10:11 am
by anjanesh
Cannot be all the time - though 99.9%.
For curved borders though I have to use small 4 curve-corner bmp images until CSS3 is fully implemented.
Posted: Mon Jul 18, 2005 10:24 am
by pickle
As much as possible. You gotta look out for the little guy who still uses dial-up.
Posted: Mon Jul 18, 2005 10:38 am
by neophyte
CSS is the way to go? Who likes sitting around clipping little images? And what not or inserting lots of rollover JS stuff?
Posted: Mon Jul 18, 2005 3:45 pm
by phpScott
agian it depends on what you are trying to accomplish. if you get some dorky designer wanting drop shadows around their images and the like the only way I know how to accomplish this is using images.
Vertical repeating lines also require the use of images.
Depends on what the site has to look like but i do use css as much as possible.
Posted: Mon Jul 18, 2005 4:52 pm
by nielsene
Well the OP was asking about using CSS to do things it can do, that images also can. So in my opinion, if CSS1 can do it, there's no reason to use an image instead. If its CSS2, then you'll have to look at the level of browser support.
There are of course LOTS of cool tricks using both CSS and images

such as, for instance, a relatively clean markup, drop shadow solution

Posted: Mon Jul 18, 2005 5:31 pm
by Chris Corbyn
nielsene wrote:There are of course LOTS of cool tricks using both CSS and images

such as, for instance, a relatively clean markup, drop shadow solution

I was thinking exactly the same thing. Perhaps there's an actual clean CSS way to it but you can certainly offset two overlapping divs, one light, and one dark. Offset more divs for a more blurred effect

Posted: Mon Jul 18, 2005 5:33 pm
by nielsene
or offset ~4 completely non-semantic divs for the "Onion Skinned Drop Shadows" from ALA.
(Interesting effect, but I think its just as bad as the "old school nested tables" design method)
Posted: Mon Jul 18, 2005 6:06 pm
by Chris Corbyn
nielsene wrote:or offset ~4 completely non-semantic divs for the "Onion Skinned Drop Shadows" from ALA.
(Interesting effect, but I think its just as bad as the "old school nested tables" design method)
Haha, quite true. I guess you need to know where to draw the line. If CSS can clear out the clutter that tables cause why start filling pages with crafty, seemingly random, CSS code which basically creates a new, more modern mess
