6 replies [Last post]
richlather
richlather's picture
User offline. Last seen 1 year 51 weeks 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 1 year 46 weeks 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 1 year 51 weeks 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 1 year 46 weeks 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 4 days 10 hours ago. Offline
rank Guru
Guru
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2037
Points: 2256

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?

yet again.

josephbm91
josephbm91's picture
User offline. Last seen 1 year 46 weeks 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 1 year 51 weeks 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