troubleshooting Question

resizable box with curved edges using css and divs

Avatar of Neil Thompson
Neil ThompsonFlag for United Kingdom of Great Britain and Northern Ireland asked on
CSS
8 Comments2 Solutions5090 ViewsLast Modified:
Hi

I need to be able to make a 3x3 box with curved edged (apx 4px curve) to make header tables etc but using <div>s not tables like I have to below but with no cell padding or spacing.

The boxes must be able to resize where the text may grow and shrink in the centre box and I would like the CSS and DIV layout please if you can help.

The images are all live if you need to download them at the URLs in the code.

Many thanks
Neil

<table class="atoz-table">
  <tr class="bg-light-green">
    <td><img src="http://www.shepway.gov.uk/images/box/tl_s.gif" width="8" height="4" alt=""></td>
    <td background="http://www.shepway.gov.uk/images/box/t_s.gif"></td>
    <td><img src="http://www.shepway.gov.uk/images/box/tr_s.gif" width="8" height="4" alt=""></td>
  </tr>
  <tr class="bg-light-green">
    <td background="http://www.shepway.gov.uk/images/box/l_s.gif"></td>
    <td class="text_button"><A
      href="#"><span class="atoz">A</span></A></td>
    <td background="http://www.shepway.gov.uk/images/box/r_s.gif"></td>
  </tr>
  <tr class="bg-light-green">
    <td><img src="http://www.shepway.gov.uk/images/box/bl_s.gif" width="8" height="4" alt=""></td>
    <td background="http://www.shepway.gov.uk/images/box/b_s.gif"></td>
    <td><img src="http://www.shepway.gov.uk/images/box/br_s.gif" width="8" height="4" alt=""></td>
  </tr>
</table>

ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 2 Answers and 8 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 2 Answers and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros