Click to See Complete Forum and Search --> : lining things up!


JamesP
12-13-2004, 09:26 AM
Right I'm new to this lark so no doubt there are doxens of things wrong with this page but....

The 5 images at the bottom of the page do not line up. Two appear at the very top of the table cell and the others appear at various points lower down the cell. Any ideas why?

Thanks.
James

<HTML>
<HEAD>
<TITLE>Home</TITLE>
<link rel="stylesheet" type="text/css" href="web.css">
</HEAD>
<BODY background="back1.jpg">
<TABLE BORDER=1 WIDTH="100%">
<TR>
<TD COLSPAN="6" HEIGHT="10%"><CENTER><FONT SIZE="7">The Participation Trial</FONT></CENTER>
</TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Bradford/bradford.htm">Bradford</A></TD>
<TD WIDTH="80%" COLSPAN="5" ROWSPAN="5" VALIGN="top">
<BR>Welcome to the web pages for the Participation Trial. Please have a look around and find

</TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Calderdale/calderdale.htm">Calderdale</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Kirklees/kirklees.htm">Kirklees</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Leeds/leeds.htm">Leeds</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Wakefield/wakefield.htm">Wakefield</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Logos/logos.htm">Who funds the trial?</A></TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>Carol Davison<BR>Team

Leader<BR>Calderdale & Kirklees</TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="lisa.jpg"><P>Lisa Wilkinson-Shaw<BR>Team

Leader<BR>Bradford</TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>Shameem Suleman<BR>Team

Leader<BR>Leeds and Wakefield</TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>Vicky Hattersley<BR>Finance

Administrator</TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>James Purdie<BR>Project

Manager</TD>

</TR>
<TR>
<TD WIDTH="20%"><A HREF="mailto: TITLE= website

contact>Contact us</A></TD>
</TR>
</TABLE>

</BODY>
</HTML>

adjw
12-13-2004, 09:37 AM
Because yourfirst 3 images have 3 lines of text below them it lines up perfectly although your last 2 images only have 2 lines of text after them

try this instead ( sorry didnt really say what i'd done: added 2 <br> to the last 2 cells after the last text

<HTML>
<HEAD>
<TITLE>Home</TITLE>
<link rel="stylesheet" type="text/css" href="web.css">
</HEAD>
<BODY background="back1.jpg">
<TABLE BORDER=1 WIDTH="100%">
<TR>
<TD COLSPAN="6" HEIGHT="10%"><CENTER><FONT SIZE="7">The Participation Trial</FONT></CENTER>
</TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Bradford/bradford.htm">Bradford</A></TD>
<TD WIDTH="80%" COLSPAN="5" ROWSPAN="5" VALIGN="top">
<BR>Welcome to the web pages for the Participation Trial. Please have a look around and find

</TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Calderdale/calderdale.htm">Calderdale</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Kirklees/kirklees.htm">Kirklees</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Leeds/leeds.htm">Leeds</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Wakefield/wakefield.htm">Wakefield</A></TD>
</TR>
<TR>
<TD WIDTH="20%"><A HREF="Logos/logos.htm">Who funds the trial?</A></TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>Carol Davison<BR>Team

Leader<BR>Calderdale & Kirklees</TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="lisa.jpg"><P>Lisa Wilkinson-Shaw<BR>Team

Leader<BR>Bradford</TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>Shameem Suleman<BR>Team

Leader<BR>Leeds and Wakefield</TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>Vicky Hattersley<BR>Finance

Administrator<br><br></TD>

<TD ROWSPAN="2"><IMG WIDTH="170" HEIGHT="127" SRC="carol.jpg"><P>James Purdie<BR>Project

Manager<br><br></TD>

</TR>
<TR>
<TD WIDTH="20%"><A HREF="mailto: TITLE= website

contact>Contact us</A></TD>
</TR>
</TABLE>

</BODY>
</HTML>

Regards
Alex

NogDog
12-13-2004, 09:40 AM
You could add a valign="top" to each TD element in that section, perhaps?

JamesP
12-13-2004, 09:54 AM
Thanks for the help.

VALIGN seems obvious now someone prompts me.
Why didn't I think of that!