[css-d] Round corners on borders - UPDATE
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: http://green-beast.com/experiments/css_smart_corners.php __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Round corners on borders - UPDATE
From: Christopher [EMAIL PROTECTED] 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 PROTECTED] 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/
Re: [css-d] Round corners on borders - UPDATE
On 23 Jul 2008, at 14:16, Christopher wrote: 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: http://green-beast.com/experiments/css_smart_corners.php Christopher, the code is well explained on that site. Have you viewed the source that's provided? XHTML: http://green-beast.com/experiments/support/X_css_smart_corners.txt CSS: http://green-beast.com/experiments/support/C_css_smart_corners.txt Jonny __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Round corners on borders - UPDATE
Kevin Doyle wrote: From: Christopher [EMAIL PROTECTED] 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 PROTECTED] 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/ That is the tutorial I followed, sorry I gave the wrong link on the original post. Is my setup correct ? -- *Christopher* - the creative sheep *animator*///motion graphics artist/\\*web dev* web: www.walkfar.ca mailto:[EMAIL PROTECTED] email: [EMAIL PROTECTED] http://www.walkfar.ca/ __ css-discuss [EMAIL PROTECTED] 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/
Re: [css-d] Round corners on borders - UPDATE
Alright I'll view again. Jonny Stephens wrote: On 23 Jul 2008, at 14:16, Christopher wrote: 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: http://green-beast.com/experiments/css_smart_corners.php Christopher, the code is well explained on that site. Have you viewed the source that's provided? XHTML: http://green-beast.com/experiments/support/X_css_smart_corners.txt CSS: http://green-beast.com/experiments/support/C_css_smart_corners.txt Jonny __ css-discuss [EMAIL PROTECTED] 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/ -- *Christopher* - the creative sheep *animator*///motion graphics artist/\\*web dev* web: www.walkfar.ca mailto:[EMAIL PROTECTED] email: [EMAIL PROTECTED] http://www.walkfar.ca/ __ css-discuss [EMAIL PROTECTED] 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/
