Forum Moderators: not2easy

Message Too Old, No Replies

Curved Lines

         

mikee

4:31 pm on Mar 6, 2004 (gmt 0)

10+ Year Member



Hi, I've been searching all over the place for away to create a curved line in css(or anything else for that matter) and the best i can find is a curved border thingy which is very bulky, i just want a simple curved line.
Can someone help please? Mike.

Elijah

5:08 pm on Mar 6, 2004 (gmt 0)

10+ Year Member



in css(or anything else for that matter)

I don't think its currently possible with css.
I think you will need to use an image. Maybe a small transparent gif in the background of the page could be used?

mikee

6:34 pm on Mar 6, 2004 (gmt 0)

10+ Year Member



k, thank u. i done some research and i think it might be available in CSS3 using radius:5px; .

grahamstewart

9:44 pm on Mar 6, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Yep CSS3 does have a rather sexy border-radius property, not to mention the nifty border-image property.

But CSS3 is a loooong way off yet. It's just a working draft at the moment and bear in mind that most browsers don't even full implement CSS2 yet, despite it being a w3c recommendation for almost six years now!

encyclo

1:02 am on Mar 7, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Warning: Mozilla-only stuff:

.classname { 
border:1px solid #000;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomleft: 12px;
-moz-border-radius-bottomright: 12px;
}

It won't validate either, but you can't have everything! If you need it to work in IE, you'll have to use images and a bit of positioning.