1 reply [Last post]
bpat1434
bpat1434's picture
Offline
Enthusiast
Last seen: 14 years 46 weeks ago
Timezone: GMT-5
Joined: 2004-09-17
Posts: 127
Points: 0

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:
http://kalsey.com/2003/07/rounded_corners_in_css/

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):
http://kadyellebee.com/index.php?newskin=19

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.

~Brett

~Brett

bpat1434
bpat1434's picture
Offline
Enthusiast
Last seen: 14 years 46 weeks ago
Timezone: GMT-5
Joined: 2004-09-17
Posts: 127
Points: 0

Image of what I want

Ok, so I uploaded an image to my homepage.

www.bpatterson.net

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.

~Brett

~Brett