Rounded box corners

User 476017 Photo


Ambassador
375 posts

I am in the process of re-engineering my local rugby club website that was created using frontpage. One of the requirements is to create informaton boxes with rounded corners. I have managed to achieve this with Firefox and Chrome but not in IE7 or IE8. Searching the internet I have seen some workarounds using gif images to create rounded corners but some of the coding looks flakey.
My questions
- Anybody know if This can be achieved using any of Coffee Cup's software
or
- Has anyone found a good solution to this technique.
My test page showing the boxes I have created and work in Firefox and Chrome
www.orrufc.co.uk/test.html
thanks
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 184085 Photo


Ambassador
1,707 posts

This will get you going;

http://www.bloggingcss.com/en/tutorials/the-css3-border-radius-property/

IE will still give you headaches though.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 476017 Photo


Ambassador
375 posts

Hi David
Thanks for the link re css3 border properties. I read a similar article a few weeks back which got my juices flowing.
I am using the - moz border and -webkit border to achieve my rounded corners for Firefox and Chrome in my test page.
IE 7 and IE8 do not support CSS3 rounded corners and therefore searching for a good workaround for IE.
All I can find to create round corners for IE is to use gif round corner images. Trying to find something a little cleaner and less cumbersome.
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 184085 Photo


Ambassador
1,707 posts

I don't think cleaner and less cumbersome and IE can go in the same sentence :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 133269 Photo


Registered User
2,900 posts

ROFL - you're right there david - they dont!!!
Have fun
~ Fe Pixie ~

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.