Web Design and Graphics Room. Thread, How do I create round corners

Yorkshire Carper · #1 11th-December-2007, 08:02 AM

Hi does anyone know of an 'easy'! way to create boxes with rounded corners on a web page.
I'm using Dreamweaver 8.
Cheers
craig

CPS · #2 11th-December-2007, 02:10 PM

Quick answer is yes, just have to look it up for you.

Ok its easier to go strait to the site for the how to on this.
http://www.htmlgoodies.com/tutorials...le.php/3479841

You can find most tutorial's on how to's on this site, put it in your links folder.

Yorkshire Carper · #3 11th-December-2007, 02:29 PM

Sorry peter i should have said i wanted to do it using CSS?
cheers
craig

CPS · #4 11th-December-2007, 04:36 PM

As far as I know you can not do it with CSS,
Do not forget whatever you use including CSS and XML,
its good old HTML that displays the page.
You have to use the corner images, doing your site in tables
will be far easier and more flexible than layers.
You can do a strait conversion from layers to tables in DW.
Doing so would solve most of your problems,
you can still use layers and CSS to control things.
The IDF Home Page is done with tables and layers, it would be far harder to do it all in layers.
Tables and layers plus CSS is the choice of most web designers and is compatible with most browsers.

Have a look at Skyrunners home page,
just to show what can be done, view page source.
http://www.skyrunner.co.uk/home.htm

Skyrunner · #5 12th-December-2007, 12:18 PM

Yes, do look at the source code of my personal site, there's not a table in there!

The home page is all simply html and CSS, even the menu with the little paws is done with CSS. The animation in the header graphic is embedded Flash, and it shouldn't trigger the "Click to use this control" nonsense Craig mentioned earlier. (If it does Craig, do let me know! )
I stopped using tables a couple of years ago, as did most professional web designers, and I've updated the code on all my sites now, this site being the last one. (Phew.... what a task!) Even the last home page I did for IDF50 was purely html. javascript and CSS... and that was a year ago. I promise you Peter, CSS is the way to go, it's so versatile.

Round corners in CSS? Yes, of course you can!

http://www.dave-woods.co.uk/?p=107

http://www.alistapart.com/articles/customcorners/

http://www.developerfusion.co.uk/show/5382/

....but you really have to understand your CSS coding. No such thing as an "easy" way with web design I'm afraid!

CPS · #6 12th-December-2007, 12:49 PM

As we all know I am an armature also, I was trying to emphasize that one code method compliments another.
So gave an overview of the use of all the options,
your site and the IDF home page illustrate what can be done.
As opposed the the sole use of layers.

Thanks for the link to the CSS and round corners,
you learn something every day (did not know that).
But I knew your site is controlled by a remote CSS file.
Not tried that as yet though.

Skyrunner · #7 12th-December-2007, 01:07 PM

What you do works Peter, that's what counts at the end of the day. I don't make money at it, so it's you and me both amateurs.

Separate CSS file is quite straightforward, and it's a good idea if your site has several pages because they can all be controlled from the one stylesheet. Keeps your page code nice and clean. :wink:

CPS · #8 12th-December-2007, 02:32 PM

Read the Tutorial and yes it can be done using CSS.
However the point I was trying to make. is you still have to make the images, CSS alone cant do that.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode