V-align problem

C

CindyMT

Joined
Jun 27, 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>
 
C

CindyMT

Joined
Jun 27, 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

Similar Threads

Help with Visual Lightbox: Scripts 2
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Change to background image. 5
How to wrap <td> content . 16
Align img inside nav tabs section 5
Bootstrap contact form not working 2
SendGrid email issue in responsive Gmail 1
Sort by number of characters 1

Members online

No members online now.
Total: 206 (members: 2, guests: 204)
Robots: 98

Forum statistics

Threads
474,260
Messages
2,571,039
Members
48,768
Latest member
first4landlord

Latest Threads

Top