It's more styling yes.. but it's a technique that
doesn't require any imaging, which could be very usefull in particular cases. And something I personally prefer.
Ofcourse using images is a method of achieving about the same result.
And about people just copying the code and saving themselves the whole learning proces.. You're right, there will probably be 75% that will be lazy and copy and paste the codes and get exactly the same result as cssplay, however if they want to adjust anything they will have to look into the code and they will probably mess everything up because they don't have the faintest clue about what they are doing.
I just linked to this method because I think it's pretty awesome, and in my case a pretty good learning experience.
Quote:
Originally Posted by Boogle
Forgive me, but i think that's far too much styling to get rounded borders. I can do the same thing in about 100x less lines of code!
HTML:
Code:
<div><img src="yourtoproundedcorners.gif/jpg" alt="" /></div>
<div class="middlebackground">CONTENT IN HERE</div>
<div><img src="yourbottomroundedcorners.gif/jpg" alt="" /></div>
CSS:
Code:
.middlebackground{background: url(yourimagepath/bg.gif/jpg) repeat-y;}
There done. and it works in all browsers too, this is the method i use.
I'll admit it has a draw back and that's that you have to add padding/margins to get the content to sit right- but not always, it depends what your displaying within the content.
IMO you're just going to get people copying that code and not really knowing what it's doing. There's a lot of CSS styling there that could become useless for browsers like FF/IE when they update their schemas and then the CSS requirements are different etc...
Just what i think!
EDIT:
P.S. just want to say though, for those that take the time to read and understand what jesse posted, then it's a really nice technique and could make you understand some CSS techniques better. Thanks for the link, Jesse!
Boog's  |