Hi all, need help with this... slight (but damn anoying) problem in designing our website.
Pic:
As you can see... there is a gap between the tables in the photo.
Code:
index.html
styles.css:Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Website</title> <link href="theme_dark/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div align="center"><script type="text/javascript" src="http://x10hosting.com/adserve.js?corporate"></script></div><p> <div align="center"><table width="733" height="848" border="0" cellpadding="0px" cellspacing="0px"> <tr> <td width="135" height="135" class="table_topcorner" border="0"> </td> <td width="592" class="table_top" border="0"> </td> </tr> <tr> <td class="table_middleside" border="0"> </td> <td class="table_middlemain" border="0"> </td> </tr> <tr> <td height="135" class="table_bottomcorner"> </td> <td class="table_bottom" border="0"> </td> </tr> </table> </div> </body> </html>
All files were made in Dreamweaver CS3.Code:@charset "utf-8"; /* CSS Document */ body { background-color:#000000; text-align:center; background-image:url(background_fill.gif); background-repeat:repeat-x; color:#CCCCCC; border-collapse:collapse; border:none; } .table_topcorner { background-image:url(logo_orb_corner_bpu.gif); text-align:right; vertical-align:text-top; background-repeat:no-repeat; border-collapse:collapse; border:none; } .table_top { background-image:url(logo_banner_top.gif); text-align:left; vertical-align:text-top; background-repeat:no-repeat; border-collapse:collapse; border:none; } .table_middlemain { background-image:url(main_fill.gif); text-align:left; vertical-align:text-top; background-repeat:repeat-y; border-collapse:collapse; border:none; } .table_middleside { background-image:url(side_fill.gif); text-align:right; vertical-align:text-top; background-repeat:repeat-y; border-collapse:collapse; border:none; } .table_bottom { background-image:url(logo_banner_bottom.gif); text-align:left; vertical-align:text-top; background-repeat:no-repeat; border-collapse:collapse; border:none; } .table_bottomcorner { background-image:url(bottom_corner.gif); text-align:right; vertical-align:text-top; background-repeat:no-repeat; border-collapse:collapse; border:none; }
Please help me :happysad: :hahano: :naughty:


LinkBack URL
About LinkBacks

Reply With Quote


