Results 1 to 8 of 8
Thread: Curved corners!
-
11-11-2005, 11:47 AM #1Web Hosting Guru
- Join Date
- Feb 2004
- Posts
- 305
Curved corners!
Hi,
I wanted to know how these tables with curves on corners are made?
See the attached image please, I pointed to them with red lines
It is easy to make tables with sharp corners, but with curved corners, I don't know how!
Thanks
-
11-11-2005, 12:08 PM #2Web Hosting Guru
- Join Date
- Feb 2004
- Posts
- 305
Sorry, here are the images
-
11-11-2005, 12:20 PM #3Junior Guru Wannabe
- Join Date
- Sep 2005
- Posts
- 39
Hope this helps
http://www.sitepoint.com/article/css...s-boxes-curves| 2xhtmlCSS.com - PSD to XHTML/CSS to Wordpress
| Web Hosting and Domain Blog
-
11-11-2005, 12:28 PM #4Retired Moderator
- Join Date
- May 2004
- Location
- Pflugerville, TX
- Posts
- 11,231
Here are a couple methods for creating rounded corners: http://www.iwdn.net/showthread.php?t=2874 - it's quite easy to do, and you certainly do not need a table to do it!
Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design
-
11-11-2005, 06:35 PM #5Web Hosting Guru
- Join Date
- Feb 2004
- Posts
- 305
Thanks a lot gentelmen, I could do it!
One thing more: See the first attached image in my second reply in this thread, and notice how the border is different from the background. Now this, how can be done?
-
11-11-2005, 07:10 PM #6Web Hosting Evangelist
- Join Date
- Aug 2005
- Location
- EIB Network
- Posts
- 474
In your attached image with the Yahoo login, is the login table actually overlapping the red cell that is behind it?
-
11-11-2005, 09:41 PM #7Web Hosting Guru
- Join Date
- Feb 2004
- Posts
- 305
Yes it is seodevhead
-
11-12-2005, 12:11 PM #8Retired Moderator
- Join Date
- May 2004
- Location
- Pflugerville, TX
- Posts
- 11,231
Originally Posted by moh2004
You could also experiment with left/right borders and the box's background color. Just make sure this is located in the most buried <div>, and you'll need -1ox margin on either side so the corners overlap the borders beneath.
Either method will work well across browsers and will require no more code than what's been posted already. It'll simply take some experimentation to get it just rightStudio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design