navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

CSS and Rounded Corners On Borders

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> CSS and Rounded Corners On Borders
Page: [1]
 
Giomanach

 

Posts: 6115
Joined: 11/19/2003
From: England
Status: offline

 
CSS and Rounded Corners On Borders - 2/24/2004 3:46:31   
Just to let you all know it can be done, (and here is the almighty word), but, it only works with Mozilla Browsers, aren't they the lucky buggers? Ok enough waffle, here's the code:

It will work on any element within the HTML document, and works with both pixels and percents:

-moz-border-radius: value;

Obviously don't put value, but the percent or pixels of the radius you would like. Plain old border-radius won't work, I tried it.

With regards to the value. When using percents, you really shouldn't go any higher that 50% as this will create a full circle (isn't that gooooood). I personally like 1% as this just cuts of the "sharp" corners. With the pixels, it lets you be a bit more precise.

And how did I find that out, I was messing about with one of my older web-pages last night, entering random CSS functions etc, don't ask me how I came to that one:)

Have Fun With It

Dan

_____________________________



c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 7:03:08   
Ummm, son, you can get rounded corners to work in IE as well,

Here is a link that I had posted in here a while back somewhere. You will find a browser chart as well as how to do this.

Pretty cool though that you also found a way to get this to work while messing around with code and styles.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Giomanach)
Giomanach

 

Posts: 6115
Joined: 11/19/2003
From: England
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 7:05:56   
Yeah, but that one requires images, if you use my one in Firefox, it doesn't need the images, it curves the corners for you without them. I haven't messed about enough to get one for IE yet, and I don't know if it validates, yet. I'll keep looking though.

< Message edited by Giomanach -- 2/24/2004 12:06:19 >


_____________________________




(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 7:28:15   
quote:

ORIGINAL: Giomanach

Yeah, but that one requires images, if you use my one in Firefox, it doesn't need the images, it curves the corners for you without them. I haven't messed about enough to get one for IE yet, and I don't know if it validates, yet. I'll keep looking though.


You might want to check this out. Here you will find examples of CSS art. All done with css. You might find something to help you with what you are trying to accomplish :)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Giomanach)
Giomanach

 

Posts: 6115
Joined: 11/19/2003
From: England
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 7:39:16   
That looks like hard work:), and I'm not too fond of it at the mo, not with this cold weather and my back playing up, damn shed roof, I shall keep looking for it,because I want to shave off as much bandwidth as possible for my soon to be rather large site.

Dan

PS Mom, about my back, I'm fine, but I will explain more on an email, and I'm still gonna kill the shed:)

_____________________________




(in reply to c1sissy)
jaybee

 

Posts: 14176
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 12:04:00   
Gosh! Now there's something I can do on a wet weekend when I haven't got to wash my hair. Draw a picture of Freddie Mercury using only CSS.

Wow! I hadn't thought of that one. :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Giomanach)
paulie

 

Posts: 558
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 12:14:13   
quote:

Draw a picture of Freddie Mercury using only CSS.


:):):) ...jaybee, you took the words right out of my mouth! Wish I had that kind of time...

(in reply to jaybee)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 13:03:25   
quote:

Draw a picture of Freddie Mercury using only CSS.


Ummm, who is freddie mercury?

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to jaybee)
paulie

 

Posts: 558
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 14:20:19   
quote:

who is freddie mercury?


Leader singer, rock band named "Queen". Died a few years ago. If you've ever been to a sporting event where fans chanted "Weeeee, are the Champions, by friiiiiiieeeeend", then you've heard their work.

Or, if you have a taste for the finer things in life and have seen the movie "Wayne's World" (and who hasn't), you've heard their work. The song "Bohemian Rhapsody" was featured in that movie. Watch for the long-hairs bouncing their heads up and down in the AMC Pacer. You can't miss it.

(in reply to c1sissy)
jaybee

 

Posts: 14176
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 17:11:11   
quote:

ORIGINAL: c1sissy

Ummm, who is freddie mercury?


1. Singer

2. Rock Star

3. Major force behind the band Queen

4. Dead

5. Which planet did you say you live on sissy? :)

< Message edited by jaybee -- 2/24/2004 22:11:30 >


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to c1sissy)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 17:16:00   
LOL!

Deb, that's pretty funny... :)

Have you heard of John Lennon, Keith Richards or Jimi Hendrix?

:)

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to jaybee)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/24/2004 18:13:58   
quote:

Have you heard of John Lennon, Keith Richards or Jimi Hendrix?


PPPHHHHTTTTTT!!!!(to quote someone else here on our family):)

Uhmm, I was never into "who wrote songs" If I heard a song and liked it, well that was that. Sooo, never really knew much about who wrote the songs.:):):)


quote:

5. Which planet did you say you live on sissy?


Uhmm, its somewhere between the 4th and 5th planet in the galaxy. Small thing, not many people know of its existance. There are several of us runing around here on earth, some incognito as high panjandurum's, gorillas, spiders dressed with wings, BUT we sort of blend right into your society :)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to bobby)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/25/2004 0:25:07   
quote:

Uhmm, its somewhere between the 4th and 5th planet in the galaxy. Small thing, not many people know of its existance. There are several of us runing around here on earth, some incognito as high panjandurum's, gorillas, spiders dressed with wings, BUT we sort of blend right into your society

Time to update my signature...

:)

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to c1sissy)
jaybee

 

Posts: 14176
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/25/2004 5:54:04   
quote:

ORIGINAL: bobby

Time to update my signature...

:)


I prefer the line.......

"I feel like a Military Academy...... bits of me keep passing out" :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to bobby)
paulie

 

Posts: 558
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/25/2004 7:04:24   
...AND THE ANSWER IS: 42!
:)

(in reply to jaybee)
Giomanach

 

Posts: 6115
Joined: 11/19/2003
From: England
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/25/2004 7:11:30   
quote:

...AND THE ANSWER IS: 42!


Thats the answer to life, the universe and everything.

_____________________________




(in reply to paulie)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/25/2004 10:31:12   
quote:


Time to update my signature...
_____________________________

"You sass that hoopy Ford Prefect? Theres a frood who really knows where his towel is."


Frood Prefect's a wimp! 42? 42? Why I myself go up to 43. What we need is is infinity.

IA! IA! CTHULHU FHTAGN!

CTHULHU FOR PRESIDENT! WHY VOTE FOR A LESSER EVIL?

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to Giomanach)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/25/2004 10:40:24   
quote:

ORIGINAL: gorilla

quote:


Time to update my signature...
_____________________________

"You sass that hoopy Ford Prefect? Theres a frood who really knows where his towel is."


Frood Prefect's a wimp! 42? 42? Why I myself go up to 43. What we need is is infinity.

IA! IA! CTHULHU FHTAGN!

CTHULHU FOR PRESIDENT! WHY VOTE FOR A LESSER EVIL?


ROFLOL!

btw, I find being eternally 29 makes life great! :)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to gorilla)
jaybee

 

Posts: 14176
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: CSS and Rounded Corners On Borders - 2/25/2004 18:21:08   
quote:


CTHULHU FOR PRESIDENT! WHY VOTE FOR A LESSER EVIL?



Anyone who is capable of getting themselves made President should on no account be allowed to do the job.

:)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to gorilla)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> CSS and Rounded Corners On Borders
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts