FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Simple rounded corners for Div Tags





RockaZA
Hey people.

I find it really anoying that the it is so hard to create HTML containers with rounded corners. I've tried a number of methods including complex tables with background images and javascript solutions. But the best one I've found so far is this site.

http://www.roundedcornr.com/

1)Choose the radius of the curve as well as the colour of your forground and background.
2)Copy and past the <div> to where u want it on your site.
3)Copy and add the CSS to you current CSS file
4)Save the images

Remember to make sure that the links in the CSS file point to the correct location of the images. By default it assumes the images are located in your site root directory.

Enjoy!!
inphurno
I've used this tool in the past and it always worked well for me thanks for posting this to share with everyone else!
satery
wow that helps me a lot ! thanks
alex_cyber
before I have use one tut but now I'm using this and it going great and easy
thanx a lot
Skinetic
Why use images for rounded corners, It can be easily done by adding 1 line of css to your div. http://www.css3.info/preview/rounded-border/
Possum
Curvy Corners II


Code:
.curved-box-css3
    {
    width: 97%;
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  /* Aimed at Firefox*/
    border-radius: 10px;
    background-color: #EBEBEB;
    border:1px solid #6899EF;
 }


No images required.. As usual doesnt work with IE8
inphurno
Possum wrote:
Curvy Corners II

No images required.. As usual doesnt work with IE8


well then this isn't really a good option Very Happy i hate all versions of ie but many people are still using it so there is no way to avoid the importance of being cross browser functional :'( its reallly annoying but thats what it is...
adri
I just split up my rounded box (in different images) and then with some magic CSS, it becomes a rounded box (works in every browser Smile ).


Adri Smile
Related topics
Azkabanweb.tk
Rounded corners on tables.... CSS maybe? can anyone help?
Rounded corners on tables.... CSS maybe? can anyone help?
expanding image for div (rounded corners etc)
CSS ROUND CORNERS
rounded corners
Script Problem
Rounded div corners using only css, no images! Must see
need simple html and css template
Rounded Corners Help
Create rounded corner, my way
Need help on creating Div Tags in dreamweaver
CSS Rounded Corners
div Tags
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.