wayneapricot
New Member
I'm trying to create a fairly simple white box with a dropshadow. It's for a newsletter so it's all tables with inline styles, and to achieve the dropshadow I wanted I thought I'd try and do a 4x4 grid with unique 13x13px tiles so I can make the shadow uneven, then make it fixed width to keep everything in place. Once I'd got to this stage I'd have liked to have the "t" "b" "l" and "r" cells expand so the box can be any size I specify but I'm currently stuck on the fixed bit!The below example is built for 300x300px, but the "blc2" cell is stretching to 50% of the bottom (137px) even though its been told to stay 13x13px, and for "b" to be 261px. What's particularly perplexing is that the technique I'm trying to use has already worked elsewhere in the table - I want it to render in the same sort of way as "trc2" and "r".If it helps to read it, the image notation is supposed to be "top", "top right corner", "right", etc, with the little fades getting the numbers.\[code\]<table style="table-layout: fixed; width: 300px; height: 300px;" cellpadding="0" cellspacing="0"> <tr> <td style="background: url('http://www.tickettree.com/media/newsletter/box/tlc.png'); width: 13px; height: 13px;"></td> <td style="background: url('http://www.tickettree.com/media/newsletter/box/t.png'); height: 13px; width: 274px;" colspan=2></td> <td style="background: url('http://www.tickettree.com/media/newsletter/box/trc.png'); width: 13px; height: 13px;"></td> </tr> <tr> <td style="background: url('http://www.tickettree.com/media/newsletter/box/l.png'); width: 13px; height: 274px;" rowspan=2></td> <td style="padding: 8px;" colspan=2 rowspan=2>Content text</td> <td style="background: url('http://www.tickettree.com/media/newsletter/box/trc2.png'); width: 13px; height: 13px;"></td> </tr> <tr> <td style="background: url('http://www.tickettree.com/media/newsletter/box/r.png'); width: 13px; height: 261px;"></td> </tr> <tr> <td style="background: url('http://www.tickettree.com/media/newsletter/box/blc.png'); width: 13px; height: 13px;"></td> <td style="background: url('http://www.tickettree.com/media/newsletter/box/blc2.png'); width: 13px; height: 13px;"></td> <td style="background: url('http://www.tickettree.com/media/newsletter/box/b.png'); height: 13px; width: 261px;"></td> <td style="background: url('http://www.tickettree.com/media/newsletter/box/brc.png'); width: 13px; height: 13px;"></td> </tr></table>\[/code\]I can't for the life of me see what I'm doing wrong. Any ideas?