6 replies [Last post]
richlather
richlather's picture
User offline. Last seen 28 weeks 4 days ago. Offline
newbie
Timezone: GMT-5
Joined: 2010-02-07
Posts: 3
Points: 4

Hi-

I'm new to this forum and a relative beginner at css, so please excuse me if my etiquette is less than desirable at any time.

I'm asking other's help in solving a css problem. I'm creating a website where the left column will have a number of drop boxes and the right column will be main content.

Here's what I need help with. I've looked for some time for a method to create rounded corners on the box in the left column. I've not been able to do this after trying both pure css methods as well as methods involving using corner images and css. I just can't seem to figure it out. You can see the page, source code, and css at http://www.martinitimerossi.net/insurance_index.htm.

Where have I gone wrong? Is there any way to correct the existing code or should I start again with a different method. I'm open to any suggestions..PLEASE!

Also, if I'd like to create a drop shadow for the box, what would the css be for that?

Thanks in advance.

josephbm91
josephbm91's picture
User offline. Last seen 24 weeks 1 day ago. Offline
rank Regular
Regular
Timezone: GMT-5
Joined: 2010-02-07
Posts: 17
Points: 17

Rounded Corners

You are at a HUGE advantage since you are using a white background for your page. Photoshopped rounded corners will be easy to implement. Here is a zip file that has an example of what I think you need. Take a look at the css and how I layered the divs. Hope it helps!

richlather
richlather's picture
User offline. Last seen 28 weeks 4 days ago. Offline
newbie
Timezone: GMT-5
Joined: 2010-02-07
Posts: 3
Points: 4

Joseph- Thanks so much for

Joseph-

Thanks so much for attaching the zip and being so thorough. That was very thoughtful. I did not see a file with the css in the zip, however. Perhaps I somehow missed it. Please let me know as sometimes I fall victim to a very short attention span. LOL!

Thanks again.
Rich

josephbm91
josephbm91's picture
User offline. Last seen 24 weeks 1 day ago. Offline
rank Regular
Regular
Timezone: GMT-5
Joined: 2010-02-07
Posts: 17
Points: 17

I'm glad it helped! The CSS

I'm glad it helped! The CSS is in the actual html document. Look in the header for the tag.

Verschwindende
Verschwindende's picture
User offline. Last seen 58 min 47 sec ago. Offline
rank Leader
Leader
Timezone: GMT-4
Joined: 2009-10-09
Posts: 748
Points: 838

josephbm91 wrote: You are at

josephbm91 wrote:

You are at a HUGE advantage since you are using a white background for your page. Photoshopped rounded corners will be easy to implement. ...

If you're using photoshopped images what difference does the background make?

CSS HTML ASP.net C# Coffee

josephbm91
josephbm91's picture
User offline. Last seen 24 weeks 1 day ago. Offline
rank Regular
Regular
Timezone: GMT-5
Joined: 2010-02-07
Posts: 17
Points: 17

The ability to repeat the

The ability to repeat the middle portion of the rounded rectangle without having to worry about distorting adjacent background texture.

richlather
richlather's picture
User offline. Last seen 28 weeks 4 days ago. Offline
newbie
Timezone: GMT-5
Joined: 2010-02-07
Posts: 3
Points: 4

just want to say thanks!

Joseph-
thanks so much for your help. the code works great and you've solved a big problem for me....THANKS AGAIN. Sorry it took me so long to get back and say so.
Rich