navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
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

Free FrontPage Templates

Search Forums
 

Advanced search
Recent Posts

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

 

I found rounded corners!

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

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

All Forums >> Community >> OutFront Discoveries >> I found rounded corners! 		Page: [1]
 
curious monkey

 

Posts: 555
Joined: 4/28/2006
From: The lower handle of US
Status: offline

  		I found rounded corners! - 5/16/2006 11:29:30   
Looky

now I just need to learn how to use them:)
womble

 

Posts: 5702
Joined: 3/14/2005
From: Living on the edge
Status: offline

  		RE: I found rounded corners! - 5/16/2006 11:55:50   
Hmmm, just been playing a little more (it's that "don't want to do any more work" time of afternoon that afflicts me when it's nearly tea time) and it works very well for fixed height <div>s, but it's not a technique that can be used for <div>s you want to grow with the content without tweaking the code.

Still jolly useful to know about though. :)

(and shift the colour info from the <div>s into the stylesheet and you've got valid xhtml strict!)

_____________________________

~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
:)

(in reply to curious monkey)
jaybee

 

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

  		RE: I found rounded corners! - 5/16/2006 12:23:19   
The problem with that one, and all the others I've found that do the box without graphics, is that they use a bullet to make the curve. A bullet is font and we all know that fonts are different sizes in different browsers and that visitors can make them bigger and smaller. So unless you make the entire thing fixed, including the font, the layout is gonna break.

_____________________________

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

:)
GAWDS
Now where did I put that Doctype?

(in reply to womble)
Tailslide

 

Posts: 6296
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

  		RE: I found rounded corners! - 5/16/2006 14:29:28   
Too many divs.

Much better to attach the corners to stuff you have within the box like a heading, a span, a paragraph, a link - you get the idea.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to jaybee)
jaybee

 

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

  		RE: I found rounded corners! - 5/16/2006 15:08:45   
And what she said. :)

_____________________________

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

:)
GAWDS
Now where did I put that Doctype?

(in reply to Tailslide)
womble

 

Posts: 5702
Joined: 3/14/2005
From: Living on the edge
Status: offline

  		RE: I found rounded corners! - 5/16/2006 15:34:41   
Hmmmm, I agree that too many div's is Not A Good Thing and I can see the problems with the imageless methods with the whole font sizing thing. A couple of days ago I tried doing one with the attaching the corners to stuff in the box though and it required hacks galore to get it to play nice in IE. I ended up using an image one that had the corner images as backgrounds in various divs, then a central content div and I got that playing nicely in all of the browsers with no hacks. On the whole though rounded corners are a PITA and I rarely use them.

_____________________________

~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
:)

(in reply to jaybee)
curious monkey

 

Posts: 555
Joined: 4/28/2006
From: The lower handle of US
Status: offline

  		RE: I found rounded corners! - 5/17/2006 11:59:20   
ok going though Stu Nichol's site I found this gem. what are the draw back s here. he uses them. :)
rounded borders

(in reply to womble)
Tailslide

 

Posts: 6296
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

  		RE: I found rounded corners! - 5/17/2006 12:12:22   
Can't see any massive drawbacks - apart from the extra markup used to attach the corners. So it'd boil down to whether you can live with that or not!

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to curious monkey)
rdouglass

 

Posts: 9280
From: Biddeford, ME USA
Status: offline

  		RE: I found rounded corners! - 5/17/2006 13:19:43   
quote:

apart from the extra markup used to attach the corners.


Ah, don't sweat the small stuff. :)

I like that one and plan to try it a little. Can anyone tell me 'exactly' where the round comes from? Is it in there?

border-width:0 2px;

And I see no necessary JavaScript in that source. Am I to assume none is required? If so, I like it more already. :)

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to Tailslide)
jaybee

 

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

  		RE: I found rounded corners! - 5/17/2006 14:03:42   
Ah ha crafty. He's not using bullets.

This is what makes the corners 

.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}


If you look at the margins, he makes them graduate.

You know one of these days I'll remember to go to Stu's site first instead of spending hours schlepping around in Google.

_____________________________

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

:)
GAWDS
Now where did I put that Doctype?

(in reply to rdouglass)
rdouglass

 

Posts: 9280
From: Biddeford, ME USA
Status: offline

  		RE: I found rounded corners! - 5/17/2006 14:23:23   
quote:

If you look at the margins, he makes them graduate.


Ahhhh...I see it now. Nice trick. (Wish I wouda' thunk it. :) :))

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to jaybee)
digital_me

 

Posts: 1
Joined: 6/9/2006
Status: offline

  		RE: I found rounded corners! - 6/15/2006 10:28:48   
So do I

http://www.html.it/articoli/niftycube/index.html

(in reply to rdouglass)
jaybee

 

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

  		RE: I found rounded corners! - 6/15/2006 13:47:28   
Hi and welcome to Outfront. Yes, there's another thread on here where we'd tried the Nifty Corners stuff and we were getting some problems with resizing in different browsers. Stu Nichols' corners don't have the same problem.

_____________________________

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

:)
GAWDS
Now where did I put that Doctype?

(in reply to digital_me)
Page:   [1]

All Forums >> Community >> OutFront Discoveries >> I found rounded corners! 		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


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.