How to make rounded table corners as seen in yahoo

liunx

Guest
anybody can gimme an idea to make rounded table corners without having to make images and then loading them in table cells coz i tried that but the problem with that is the table using rounded corner images but they require the table to have specific width n height.

gimme an alternative plzzcss backgrounds... of course, each element can only have 1 image so you may have to nest divs or spans...

but you could also do this...
<tr><td id="heading"><h1>Your Site</h1></td></tr>
and add the right corner to the td#heading and the left corner to the h1...

that should work... same goes for the bottom as well... make a td#footer and have a heading or a paragraph inside of it...Well, here are some articles on different methods for corners:

<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/customcorners/">http://www.alistapart.com/articles/customcorners/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/customcorners2/">http://www.alistapart.com/articles/customcorners2/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/mountaintop/thansk">http://www.alistapart.com/articles/mountaintop/thansk</a><!-- m --> a lot MstrBob for the links
 
Back
Top