Rounded Corners

[Aaron1988]

Hey everyone i know this can be done but how can you do Rounded Corners in CSS like these www.texasholdem.com without using "IMAGES"

Thanks
Aaron

[JustinStudios]

As far as I know it can't be done without an image because I have seen nothing to that effect yet...

[Aaron1988]

Hey it can be done mate i think you do it by radius or something lol

[Aaron1988]

cause reson why i want a website template something like www.texasholdem.com

[Lchad]

If you are talking about the white rounded corner for the outside edge that would have to be done in a graphics program and sliced and placed into the div. If you are talking about the black rounded corner area you could use this type of thing:http://www.smileycat.com/miaow/archives/000044.php

Tons of different options for you there.

[Aaron1988]

Hey ok thanks for replys how will i be able to place it all nicely like texasholdem.com once got the corners right

[Lchad]

Those tutorials will explain it nicely...

[Aaron1988]

ok if i get stuck on layout Linda will you try and help me please

[Lchad]

Yup... I will do my best Aaron! Just post a question in the css or html forum..

[pa007]

You can do rounded corners with CSS3 but it's poorly supported at the minute.

What do you want to use them for? will the box be a fixed size and shape or do you want it to stretch to accommodate the content?

There are approximately 4 million ways to do rounded corners with css, different techniques suit different applications. I like roger johansson's transparent customs corners and borders technique. It's very good.

Pete.

[Aaron1988]

i am using the technique to create a site like this www.texasholdem.com ok and hes used pure css to do it no images except for the Header

and yes i want some to be strected to fit content and some they are Fixed sizes

[pa007]

He's used background images in the css. You can't really do it otherwise. I'd recommend the one i posted above (the transparent corners one) it's really good - uses a minimum of extra mark-up and is totally customisable.

Pete.

[Aaron1988]

ok lol. So how can i change the css of this into rounded corners?

http://www.thenoodleincident.com/tut...on/basic4.html

Please

Thanks
Aaron

[Ryan Fait]

There are JavaScript ways to do rounded corners as well, although I'm rather partial to just using images.

[Aaron1988]

Ok i will try the css imag one

[Aaron1988]

There is one way of doing it without images lol but i don t know how to fix it how can you do Border-Radius in I.E and get it to work as i tried the

Code: Select all

-moz-border-radius: 1em;

but that for mozilla and it works cause tried but i want one for I.E any help i would be most appreciated

Thanks
Aaron

[bruno89]

using images is the easyest way and it still has a great effect. personaly i dont realy see the point in thryin to find it with out using images just seems pointless to me...

[Aaron1988]

lol ok then if you think should do with images it not as easy as you think lol thats why wanted to use none images becaus be easier to change other from the rectangle css square i have now to Rounded thats why didnt want to use images

[Ryan Fait]

Trust me... use images. Any Mozilla way (i.e. the method you posted) sucks. You won't find a magical solution. Do what the pros do, use GIFs.

[bruno89]

using images is easy.... all you do is make it a background image and your done.. well apart from makin it in a graphics prog allready but thats not hard....