Web Design Forums

smity_873 · 06-02-2007, 09:14

Hi, i am new to webdsign and just getting my head around things. Ive done a course in dreamweaver and css now starting a course in photoshop. Im trying to do a site and ive done the nav in photoshop no problem.

What i want to do is in the main part of the page make like 3 sections and instead of them being square boxes i want rounded corners, Im sure by looking at other sites this is possible in photoshop How would you do it?

Thanks

Paul · 06-02-2007, 09:47

couple of ways to do it using javascript, try http://www.curvycorners.net/ and nifty.com (or something?)

also found this which makes the images and css for you, but if you google rounded corners you'll find plenty on it

pgo · 06-02-2007, 10:04

Honestly, I don't care for the idea of using JavaScript for presentation. I say do it with CSS.

Jayx · 06-02-2007, 10:19

There are variables you should not lose track of either. Will the design be fixed-width or fluid. That will determine (in part) how you'd go about it. CSS and tiny image slices can definately do the trick. The url karloff posted leads to a site that does just that for you. Learn to do it yourself as this can be used for various applications. Post us a preview.

Paul · 06-02-2007, 10:52

i only posted the generator as a useful way of seeing the code which you could break up and learn

smity_873 · 06-02-2007, 13:11

Thank you for your post's i will take a look through, ideally i would like learn how to do it with tiny image slices and css as ive come to learn its a lot cleaner. Any tutorials of slicing any where?

smity_873 · 06-02-2007, 13:15

Thanks ill post a pick up let you have a look

Paul · 06-02-2007, 13:17

try this link search for rounded corners

dtrenz · 06-02-2007, 15:38

is their a lofi solution for IE?

moz-radius is nice, but what for IE (aside from a half-dozen divs/images)

smity_873 · 07-02-2007, 05:04

4freeads.co.uk thats the page so far im going to put rounded borders in the content, what do you think? i am still learning and a begginer in photoshop

digitaloctane · 08-02-2007, 11:49

I would make your rounded corner an image in photoshop, and use it as a background image to a div in css. And that link didnt work for me.

06-02-2007, 09:14	#1 (permalink)
smity_873 Registered User Join Date: Jan 2007 Posts: 34	Help - rounded corners Hi, i am new to webdsign and just getting my head around things. Ive done a course in dreamweaver and css now starting a course in photoshop. Im trying to do a site and ive done the nav in photoshop no problem. What i want to do is in the main part of the page make like 3 sections and instead of them being square boxes i want rounded corners, Im sure by looking at other sites this is possible in photoshop How would you do it? Thanks

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

06-02-2007, 09:47	#2 (permalink)
Paul Junkie[scum] Join Date: Oct 2006 Location: location, location Posts: 1,716	couple of ways to do it using javascript, try http://www.curvycorners.net/ and nifty.com (or something?) also found this which makes the images and css for you, but if you google rounded corners you'll find plenty on it

06-02-2007, 10:04	#3 (permalink)
pgo i'm done, son Join Date: Jan 2005 Posts: 12,262	Honestly, I don't care for the idea of using JavaScript for presentation. I say do it with CSS.

06-02-2007, 10:19	#4 (permalink)
Jayx Now with added sarcasm. Join Date: Aug 2006 Location: George, South Africa Posts: 349	There are variables you should not lose track of either. Will the design be fixed-width or fluid. That will determine (in part) how you'd go about it. CSS and tiny image slices can definately do the trick. The url karloff posted leads to a site that does just that for you. Learn to do it yourself as this can be used for various applications. Post us a preview.

06-02-2007, 10:52	#5 (permalink)
Paul Junkie[scum] Join Date: Oct 2006 Location: location, location Posts: 1,716	i only posted the generator as a useful way of seeing the code which you could break up and learn

06-02-2007, 13:11	#6 (permalink)
smity_873 Registered User Join Date: Jan 2007 Posts: 34	Thank you for your post's i will take a look through, ideally i would like learn how to do it with tiny image slices and css as ive come to learn its a lot cleaner. Any tutorials of slicing any where?

06-02-2007, 13:15	#7 (permalink)
smity_873 Registered User Join Date: Jan 2007 Posts: 34	Thanks ill post a pick up let you have a look

06-02-2007, 13:17	#8 (permalink)
Paul Junkie[scum] Join Date: Oct 2006 Location: location, location Posts: 1,716	try this link search for rounded corners

06-02-2007, 15:38	#9 (permalink)
dtrenz blam blam Join Date: Aug 2006 Location: ann arbor, mi usa Posts: 527	is their a lofi solution for IE? moz-radius is nice, but what for IE (aside from a half-dozen divs/images)

07-02-2007, 05:04	#10 (permalink)
smity_873 Registered User Join Date: Jan 2007 Posts: 34	4freeads.co.uk thats the page so far im going to put rounded borders in the content, what do you think? i am still learning and a begginer in photoshop

08-02-2007, 11:49	#11 (permalink)
digitaloctane Registered User Join Date: Feb 2007 Location: Rhode Island Posts: 24	I would make your rounded corner an image in photoshop, and use it as a background image to a div in css. And that link didnt work for me.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)