So I am creating a stylesheet for my site and I want it to have rounded corners. I know that there are multiple different ways to do this; however, I am going to follow the one from here:
As you can see, they do it by small corner graphics. Following that idea I did it on my own a little bit. No problems there. I get the basics of it to work. Now, what I'm working on is something a little more intricate.
I want to have rounded corners almost everywhere. But, if I want to add a background, say with a border at the top and bottom, I can't do it.
Here is a small example (done using the -moz-rounded style supported only by Mozilla):
What I have completed is the ability to add the 4 rounded corners to the page. Now what I want is in my container for my content or news article items, I want a rounded corner background with an outline that has a slight shadow like the first site (kalsey.com).
My questions are these:
1] Is there an easier way to do rounded corners (I don't think there is).
2] if I use the way kalsey.com is telling me, how do I get a background that tiles vertically & horizontally to make a rounded outline with a shadow?
Thanks for the help.
I'll post something soon on what I have, but I'm not sure as to exactly when that will be.
Image of what I want
Ok, so I uploaded an image to my homepage.
Obviously I know I'm going to have 3 containing divs (header, content, footer). From that, the header and footer are easy... I can do those no problem. The content will have 3 sub containers: navigation, news, articles. From there I have each individual item in a div (meaning that the article title will have a div where the article text has a div, the posted has a div, the read more has a div, and the entire set of 1 article item has it's own div.
So, since it's uploaded, I hope I can get some help.
Once again, the problem is in how I am able to create a div that will expand vertically (as the site will be limited horizontally to ~ 600 pixels or so) and keep the same idea of having that graphic with the shadow.
Thanks for any help you can offer.