Previous Message
Next Message

Round corners on borders - UPDATE

Sent by Kevin Doyle on 23 July 2008 14:02


From: Christopher [EMAIL-REMOVED]>

Now I am trying to get some round corners, this is what I have done I 
have my <id> and I created some <classes> for example
Bottom Right \ Bottom Left \ Top Left \ Top Right
Now if I have the following:

<div id="aboutme">
<div class="aboutmetxt">
/* Do I create a div class nested here with 3 more others nested for 
each corner ? */

Then create the CSS rules

..BR <bottom right
..BL <bottom left
..TR <top right
..TL <top left

At this point is this correct? IF NOT ignore the rest of this message IF 
RIGHT read on

Then do I put the corner images as image tags on in the HTML or as 
background images in CSS, I am following this page:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Christopher,

I found this page by doing a simple search on Google:

http://kalsey.com/2003/07/rounded_corners_in_css/

It's a tutorial on how to create rounded corners in CSS. The problem with creating rounded corners
with CSS is that IE doesn't have a style for rounded corners. So, you have to use some CSS tricks to
get the rounded corners. Check out the tutorial I linked above. 

Good luck.
k.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: