V-align problem

Joined
Jun 28, 2008
Messages
2
Reaction score
0
Hi, I am new here and very appreciative of any help :)

Would anyone be able to help me vertically align the text in the left columns?
I have been struggling for weeks, trying various things. If I have very little text in the far-right column, everything is fine. Past a certain amount of text on the right, the left and middle columns align in the middle. I want it all to top align.

Thanks!
Cindy

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<TITLE>title</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<meta name="keywords" content="none">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #c10c0b}
.style3 {
color: #000000;
font-weight: bold;
}
.style4 {font-size: 11px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style6 {font-size: 10px}
.style7 {
color: #000000;
font-size: 12px;
}
-->
</style>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<center>

<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0 class="frame">
<TR>
<TD COLSPAN=12>
<a href="index.html"><IMG SRC="images/m1.jpg" ALT="" WIDTH=775 HEIGHT=73 border="0"></a></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=73 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="website_design.html"
ONMOUSEOVER="window.status='home'; changeImages('home', 'images/websites-over.jpg'); return true;"
ONMOUSEOUT="window.status=''; changeImages('home', 'images/websites.jpg'); return true;">
<IMG NAME="home" SRC="images/websites.jpg" WIDTH=154 HEIGHT=44 BORDER=0 ALT="home"></A></TD>
<TD COLSPAN=9 ROWSPAN=5>
<a href="website_design.html"><IMG SRC="images/m2.jpg" ALT="" WIDTH=621 HEIGHT=183 border="0"></a></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=44 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3><a href="business_workshops.html"
onMouseOver="window.status='about'; changeImages('about', 'images/workshops-over.jpg'); return true;"
onMouseOut="window.status=''; changeImages('about', 'images/workshops.jpg'); return true;"><img name="about" src="images/workshops.jpg" width=154 height=30 border=0 alt="about"></a></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="business_marketing.html"
ONMOUSEOVER="window.status='products'; changeImages('products', 'images/marketing-over.jpg'); return true;"
ONMOUSEOUT="window.status=''; changeImages('products', 'images/marketing.jpg'); return true;">
<IMG NAME="products" SRC="images/marketing.jpg" WIDTH=154 HEIGHT=30 BORDER=0 ALT="products"></A></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="web_design_consulting.html"
ONMOUSEOVER="window.status='partners'; changeImages('partners', 'images/consulting-over.jpg'); return true;"
ONMOUSEOUT="window.status=''; changeImages('partners', 'images/consulting.jpg'); return true;">
<IMG NAME="partners" SRC="images/consulting.jpg" WIDTH=154 HEIGHT=30 BORDER=0 ALT="partners"></A></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="free_business_downloads.html"
ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/free-tools-over.jpg'); return true;"
ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/free-tools.jpg'); return true;">
<IMG NAME="contacts" SRC="images/free-tools.jpg" WIDTH=154 HEIGHT=49 BORDER=0 ALT="contacts"></A></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=49 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12>
<IMG SRC="images/m3.jpg" WIDTH=775 HEIGHT=13 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=13 ALT=""></TD>
</TR>

<tr>
<td colspan=5 rowspan=2><img src="images/bp1_web.jpg" alt="" width=239 height=105 border="0"></td>
<td colspan=2 rowspan=2><img src="images/fp1_web.jpg" alt="" width=217 height=105 border="0"></td>
<td rowspan=9><img src="images/l2.jpg" width=21 height=342 alt=""></td>
<td colspan=4><img src="images/wel1_simple.jpg" width=298 height=49 alt=""></td>
<td><img src="images/spacer.gif" width=1 height=49 alt=""></td>
</tr>
<tr>
<td width=285 height=110 colspan=3 rowspan=2 align="left" valign="top"><p><span class="style3"><img src="images/GuaranteeSeal.jpg" alt="Guaranteed" width="112" height="78" align="right"></span>Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS oxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS <br>
</p>
</td>
<td rowspan=2><img src="images/spacer.gif" width=13 height=110 alt=""></td>
<td><img src="images/spacer.gif" width=1 height=56 alt=""></td>
</tr>
<tr valign="top">
<td rowspan=3><img src="images/spacer.gif" width=34 height=145 alt=""></td>
<td width=184 height=145 colspan=3 rowspan=3 align="left" valign="top"><p>THIS CELL DOES NOT V-ALIGN TO THE TOP </p>
<p>cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCsc</p></td>
<td rowspan=3 align="left" valign="top"><img src="images/spacer.gif" width=21 height=145 alt=""></td>
<td width=186 height=145 rowspan=3 align="left" valign="top"><p>THIS CELL DOES NOT V-ALIGN TO THE TOP</p>
<p>cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb sc</p></td>
<td rowspan=3 align="left" valign="top"><img src="images/spacer.gif" width=31 height=145 alt=""></td>
<td><img src="images/spacer.gif" width=1 height=54 alt=""></td>
</tr>
<tr>
<td colspan=4 align="left" valign="top"><img src="images/sv1.jpg" width=298 height=50 alt=""></td>
<td><img src="images/spacer.gif" width=1 height=50 alt=""></td>
</tr>
<tr>
<td rowspan=5 align="left" valign="top"><img src="images/sv2.jpg" width=125 height=133 alt=""></td>
<td width=157 height=133 rowspan=5 align="left" valign="top">bSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb scb sj </td>
<td colspan=2 rowspan=5><img src="images/spacer.gif" width=16 height=133 alt=""></td>
<td><img src="images/spacer.gif" width=1 height=41 alt=""></td>
</tr>

<TR>
<TD height="21" COLSPAN=7>
<IMG SRC="images/l1.jpg" WIDTH=456 HEIGHT=21 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=21 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=3>
<IMG SRC="images/p1.jpg" WIDTH=45 HEIGHT=71 ALT=""></TD>
<TD WIDTH=411 HEIGHT=18 COLSPAN=5 align="left" valign="top">bSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb </TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=411 HEIGHT=18 COLSPAN=5 align="left" valign="top">bSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb </TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=411 HEIGHT=52 COLSPAN=5 align="left" valign="top">bSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb <br></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=35 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=12>
<IMG SRC="images/m4.jpg" WIDTH=775 HEIGHT=3 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=456 HEIGHT=66 COLSPAN=7 align="center" class="text3" valign="middle"><div align="center"><br>
<br>
bSJCschS Yoxsfg sbc sadcb scb sj cbSJCschS Yoxsfg sbc sadcb</div></TD>

<TD WIDTH=319 HEIGHT=66 COLSPAN=5 align="center" valign="middle" class="text3"><div align="center"><br><br>
bSJCschS Yoxsfg sbc sadcb scb sj cbSJCsc</div></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=66 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=109 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=186 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=125 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=157 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</center>
</BODY>

</HTML>
 
Joined
Jun 28, 2008
Messages
2
Reaction score
0
more info

I should specify that its not the content of the cells that I want to align to the top (this works)...it is the cells themselves which do not remain at the top.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,743
Messages
2,569,478
Members
44,899
Latest member
RodneyMcAu

Latest Threads

Top