PDA

View Full Version : Table Alignment


Carter
11-24-2005, 04:51 PM
Happy Thanksgiving's Day to those that celebrate it.

I am redesigning and trying to speed up the download time of my website. I admit upfront that I am still learning DW MX and how to create web pages. I have two problems with aligning items in my table.

See the redesigned page at http://www.pbc5star.org/aboutus/contactus2/contactus2.html ('http://www.pbc5star.org/aboutus/contactus2/contactus2.html') or view the code below.

Problem 1) I want to place a dropdown menu, at the top right where I have “I’m New, Worship, Ministries, Schedule, and Contact Us.” These are flash text images because I want them to appear to rollover. The problem is when I split the row into columns to evenly space these images the row expands to reveal a tiled background so it looks like a long rectangle with a tan line in the middle. Second item – For some reason the second image “Worship” won’t align either – I tried to aligning the text with absolute middle, top bottom and etc.. but for some reason it will not. This page looks fine in design mode. What’s wrong with this table row?

While am I at it, how do you change the background when its active - say from my brown to gold?

Problem 2) For some reason I can not evenly space my hyperlinks on the left. See Visitors, Directions, Our Beliefs, and Home. In the table design it look fine but when I posted or preview its not.

What am I doing wrong and how do I fix my tables?

Carter

code:
<HTML>
<HEAD>
<TITLE>contactus2</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#eaead4 vlink="#660066" alink="#008080" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=779 height="98" BORDER=0 CELLPADDING=0 CELLSPACING=0 bordercolor="#bc9359">
<TR>
<TD width="318" ROWSPAN=2 background="images/top2.jpg"></TD>
<TD height="77" background="images/top3.jpg">


</p>
</TD>
</TR>
<TR>
<th height="21" align="left" valign="top" bordercolor="#a08657" background="images/topbar.jpg">
<blockquote>
<blockquote>
<div align="justify" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="61" height="17">
<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="58" height="17" align="middle">
<param name="movie" value="text20.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#a08657">
<param name="scale" value="exactfit">
<embed src="text20.swf" width="58" height="17" align="middle" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#a08657"></embed>
</object>
<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="58" height="20" align="absbottom">
<param name="movie" value="text21.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#b28f5a">
<param name="scale" value="exactfit">
<embed src="text21.swf" width="58" height="20" align="absbottom" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#b28f5a"></embed>
</object>
<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="71" height="18" align="absmiddle">
<param name="movie" value="text22.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#b28f5a">
<param name="scale" value="exactfit">
<embed src="text22.swf" width="71" height="18" align="absmiddle" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#b28f5a"></embed>
</object>
<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="60" height="17" align="absmiddle">
<param name="movie" value="text23.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#cbb785">
<param name="scale" value="exactfit">
<embed src="text23.swf" width="60" height="17" align="absmiddle" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#cbb785"></embed>
</object>
<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="64" height="17" align="absmiddle">
<param name="movie" value="text24.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#ebebbe">
<param name="scale" value="exactfit">
<embed src="text24.swf" width="64" height="17" align="absmiddle" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#ebebbe"></embed>
</object>
</div>
</blockquote>
</blockquote></th>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%"></td>
<td width="16%"></td>
<td width="6%"></td>
<td width="37%"></td>
<td width="40%"></td>
</tr>
<tr>
<td rowspan="2"></td>
<td height="26" align="left" valign="top" bgcolor="BC9359">
<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="75" height="17">
<param name="movie" value="text7.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#BC9359">
<param name="scale" value="exactfit">
<embed src="text7.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="75" height="17" bgcolor="#BC9359"></embed>
</object>
</td>
<td rowspan="2"></td>
<td width="37%" rowspan="2" bgcolor="#999966"><blockquote>


<font color="#FFFFFF" size="3">Worship Facility</font></p>
</blockquote></td>
<td width="40%" rowspan="2" bgcolor="#0000FF"><blockquote>


<font color="#FFFFFF" size="3">Administrative Offices:</font></p>
</blockquote></td>
</tr>
<tr>
<td height="9" align="left" valign="top" nowrap bgcolor="BC9359">
<div align="justify">
<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="57" height="18">
<param name="movie" value="text3.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#BC9359">
<param name="scale" value="exactfit">
<embed src="text3.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="57" height="18" bgcolor="#BC9359"></embed>
</object>
</div></td>
</tr>
<tr>
<td rowspan="3"></td>
<td align="left" valign="top" nowrap bgcolor="BC9359">
<div align="justify">
<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="73" height="18">
<param name="movie" value="text6.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#BC9359">
<param name="scale" value="exactfit">
<embed src="text6.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="73" height="18" bgcolor="#BC9359"></embed>
</object>
</div></td>
<td></td>
<td height="29" rowspan="2"> <blockquote>


<font face="Times New Roman, Times, serif"> 9704 Empire Road

Oakland, CA 94603</font></p>
</blockquote></td>
<td rowspan="2"><div align="center"><font face="Times New Roman, Times, serif">9670
Empire Road

Oakland, CA 94603

</font></div></td>
</tr>
<tr>
<td align="left" valign="top" nowrap bgcolor="BC9359">
<div align="justify">
<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="81" height="18">
<param name="BGCOLOR" value="#bc9353">
<param name="movie" value="text10.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="scale" value="exactfit">
<embed src="text10.swf" width="81" height="18" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" bgcolor="#bc9353" ></embed>
</object>
</div></td>
<td></td>
</tr>
<tr>
<td align="left" valign="top" nowrap bgcolor="BC9359">
<div align="justify">
<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="71" height="18">
<param name="movie" value="text11.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#bc9353">
<param name="scale" value="exactfit">
<embed src="text11.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="71" height="18" bgcolor="#bc9353"></embed>
</object>
</div></td>
<td></td>
<td><blockquote>
<p align="center"><font face="Times New Roman, Times, serif">(510) 562-8370</font></p>
</blockquote></td>
<td><font face="Times New Roman, Times, serif">pbc1212121@pbc5star.org</font></td>
</tr>
<tr>
<td></td>
<td align="left" valign="top" nowrap bgcolor="BC9359">
<div align="justify">
<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="44" height="17">
<param name="movie" value="text12.swf">
<param name="quality" value="high">
<param name="base" value=".">
<param name="bgcolor" value="#bc9353">
<param name="scale" value="exactfit">
<embed src="text12.swf" base="." quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit" width="44" height="17" bgcolor="#bc9353"></embed>
</object>
</div></td>
<td></td>
<td colspan="2"><div align="center"><font face="Times New Roman, Times, serif">(510)
562-1549 Fax</font></div></td>
</tr>
<tr>
<td rowspan="3"></td>
<td> </td>
<td> </td>
<td colspan="2" rowspan="2"><div align="center"></div></td>
</tr>
<tr>
<td> </td>
<td height="18"> </td>
</tr>
<tr>
<td></td>
<td></td>
<td colspan="2" bgcolor="#bc9353"><font color="#ffffffff">Website
Problems</font></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td colspan="2"><div align="left">Please use the following email address only
to ask technical questions or report problems with pbc5star.org: webmaster@pbc5star.org.
Other questions or comments may be made by the address and phone listed
above.</div></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>


</p>


</p>
</BODY>
</HTML>

nutradream
12-13-2005, 05:24 PM
You should build this site in Fireworks first. You will be able to do all the rollovers, drop-downs from there, then import into dreamweaver. Much faster and easier.