basic html question?

I'm making a template with tables and cells, and I can't seem to get one of my panels to fit correctly The top and bottom cell background images are both 9 x 222, but when I view my page, the top and bottom cells cover a lot more area than that, and it looks all jumbled. code: <tr> <th width="222" height="9" valign="top" nowrap="nowrap" background="side_pan_top_left.gif" bgcolor="#3D3A36" scope="col"> </th> </tr> <tr> <th width="222" height="129" bgcolor="#66CC66" scope="col"> </th> </tr> <tr> <th width="222" height="9" valign="top" nowrap="nowrap" background="side_pan_bottom_left.gif" bgcolor="#66CC66" scope="col"> </th> </tr> I can't find any element that would help me fix this either. Thanks in advance Full Code here: http://pastebin.com/m661e22f0 Full Code here: http://pastebin.com/m661e22f0 Full Code here: http://pastebin.com/m661e22f0

Public Comments

  1. You code looks fine it is possible that it is your screen resolution.
  2. is the table problem, check the table height, width and clean all css around would fix it. the html you provide don't have any problem, please check table as i told u!
  3. Replace <th> with <td>.
  4. Tables are not for page layouts, but what the heck. I don't think this is your problem, but it could be if the rest of your table code contains empty cells like this th tag: <tr> <th width="222" height="129" bgcolor="#66CC66" scope="col"> </th> </tr> Never leave a table cell empty. Code it like this: <tr> <th width="222" height="129" bgcolor="#66CC66" scope="col">& #nbsp ;</th> </tr> <tr> <td width="222" height="129" bgcolor="#66CC66" scope="col">& #nbsp ;</td> </tr> Now, I had to put spaces in the non-breaking space code ( & #nbsp ; ) so you could see it so remove any space after the " & " and before the " ; ". Could help you more, but you do not have images hosted online so I could use them locally. Ron
  5. Ditto :: replace th with td. table headers <th> do not belong inside the table row tag. eg: The proper form is: <table><tbody><th></th><tr><td></td></tr></tbody></table> I would also suggest using an inline style to define width, height, background-color, and background-img attributes eg. <td style="width: 222; height: 129: background-color: 66CC66: background-image: url(side_pan_bottom_left.gif )" ></td> another good idea would be to make the table cells slightly larger than the image to avoid overflow problems.. Hope this helps
Powered by Yahoo! Answers