PDA

View Full Version : site based on tables - not displaying properly


nofx1728
02-07-2006, 08:10 PM
The problem I'm having is images aren't lining up correctly, and my table cells are not staying the right size. I'll try to explain the best I can. I'm using Dreamweaver 8, and my main browser is explorer 6.0. I have a table that covers the entire page (100%.) Several rows, mostly 1 column, parts of it are 2 columns. First 5 rows contain a flash.swf banner, a background picture, a logo, the same background picture, and a menu.swf. I'm having spacing issues in firefox and netscape that puts gaps between each row. After the first 5 rows come my main problem. I'm trying to create a rounded text box with a graphic on the left side (that I can also put information over.) In my 6th row I have 2 columns. In the left hand column is where I want my first background graphic titled "corner." I want it to be fixed at width="221" height="25". In the right column Is where I want my main body to go with text. I want this to expand the rest of the screen (vertically and horizontally), stetching in each browser. In the next row there really only needs to be 1 column - matching up with the "corner" image above. I want this to be width="221" height="100%". I want this to stretch to the bottom of the main body I spoke about above. Right now the "corner" and "side" image are not displaying properly. If you view on a smaller screen it shrinks - cutting off the rounded edge, and if you view on a larger screen the "corner" image begins to repeat itself. Attached is the code that was created in Dreamweaver 8. You can view the pages at http://home.bellsouth.net/p/pwp-nofx1728 or http://www.geocities.com/nofx1727 . I've noticed that the sites aren't displaying my code correctly if you view source, that is why i'm attaching it here. Never mind, for some reason it's not adding the attachment, so I'm going to paste it in here.

<!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=iso-8859-1" />
<title>Celeste Home</title>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {font-size: 12px}
.style2 {font-size: 10px}
.style3 {
font-size: 16px;
font-weight: bold;
}
.style4 {font-size: 14px}
-->
</style>
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" colspan="2" bgcolor="#FFFFFF"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="100%" width="100%" align="left" title="celeste_banner">
<param name="movie" value="celeste_banner.swf" />
<param name="quality" value="high" />
<param name="scale" value="noborder" />
<embed src="celeste_banner.swf" height="50" align="left" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object></td>
</tr>
<tr>
<td colspan="2"><div align="center">gradient_rectangle.jpg</div></td>
</tr>
<tr>
<td height="82" colspan="2" bgcolor="#FFFFFF"><div align="center">celeste_logo1.gif</div></td>
</tr>
<tr>
<td colspan="2"><div align="left">gradient_rectangle.jpg</div></td>
</tr>
<tr valign="top">
<td height="50" colspan="2" bgcolor="#FFFFFF"> <p align="left">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=100% HEIGHT=50> <PARAM NAME=movie VALUE="celeste_nav.swf"> <PARAM NAME=menu VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#25408F>
<PARAM NAME="scale" VALUE="noborder" />
<EMBED src="celeste_nav.swf" menu=false quality=high bgcolor=#25408F WIDTH=800 HEIGHT=50 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT>
</tr>
<tr valign="top">
<td width="221" height="31" background="images/corner.gif" bgcolor="#FFFFFF"></td>
<td rowspan="2" bgcolor="#FFFFFF"><p align="left">

</p>
<p align="center"><span class="style1">group_picture.jpg</span>

<span class="style2">The Law Office of Celeste &amp; Associates, P.A. concentrates heavily in the

litigation of many different types of personal injury claims. </span></p>
<p align="left" class="style1"></p>
<blockquote>
<p align="left" class="style3">Celeste &amp; Associates Handles:</p>
<ul>
<li class="style4">All types of personal injury and wrongful death cases arising out of motor vehicle accidents, slip and falls, dog bites and products liability.
<li class="style4">Employment cases involving wrongful termination and hostile work environments due to all forms of discrimination as well as workers compensation retaliation claims and wage and overtime claims.
<li class="style4">Workers Compensation claims involving any dispute over wage loss or medical benefits.
<span class="style4">Social Security Disability claims.</span>
[/list]
</blockquote>




</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="53%"><blockquote>


<span class="style1">Suite 315

580 Village Boulevard

W. Palm Beach, FL 33409

Tel: 561-478-2447

Fax: 561-478-5073</span></p>
</blockquote></td>
<td width="47%"><blockquote>


<span class="style1">8000 S. U.S. Hwy One

Suite 400

Port St. Lucie, FL 34952

Tel:772-343-8992

Fax:772-343-8993 </span></p>
</blockquote></td>
</tr>
</table>
<p align="left"><span class="style1">

</span></p> </td>
</tr>
<tr valign="top">
<td background="images/side.gif" bgcolor="#FFFFFF"></td>
</tr>


<tr valign="top">
<td colspan="2">gradient_rectangle.jpg</td>
</tr>
<tr valign="top">
<td colspan="2" bgcolor="#FFFFFF"><span class="style1">Celeste &amp; Associates, P.A. </span></td>
</tr>
</table>
</body>
</html>


Thanks... please help.

nofx1728