Quote:
Here are some examples of ways to get rounded corners with css.
There is no 'border' element which let's you create a rounded border, so something like this is definately the way to go
|
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
