I have pasted the code below for a contacts page I am making using tables, could someone have a look and advise me how I get the e-mail button to line up with the text. The button sits higher than the text and I have tried center, middle etc to change it but nothing works, can someone help please<br />
Terry<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br />
<webmaster is Terry Poppy - phone 0802 191 363><br />
<br />
<HTML><br />
<br />
<HEAD><br />
<br />
<br />
<TITLE>Links page</TITLE><br />
<br />
</HEAD><br />
<br />
<BODY BACKGROUND="c:\windows\desktop\sunset5.jpg" BGPROPERTIES=FIXED ><br />
<br />
<table width=800 height=60 cellpadding=0 cellspacing=0 border=0> <br />
<TR><br />
<TD><H3><FONT COLOR="red"><B>CWU SWINDON ENGINEERING<BR><br />
Officers and Committee 2001/2</h3></TD></TR></table><BR><br />
<br />
<table width=550 height=20 cellpadding=0 cellspacing=5 border=1> <br />
<TR><br />
<TD><B>CHAIRPERSON</td><td><B>STEVE BETTS</td><td><B>0802 192368</td><TD ALIGN=center><FORM><br />
<INPUT TYPE="button" VALUE="E-Mail Steve" title="E-Mail Steve Betts" STYLE="background:red" onClick="parent.location='mailto: <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->' "><br />
</FORM></TD></tr><br />
<tr><br />
<td><B>SECRETARY</td><td><B>TERRY POPPY</td><td><B>0802 191363</td></tr><!--content-->Not 100% sure what you mean but have you tried:<br />
<br />
valign=middle within the td tags?<br />
<br />
eg:<br />
<br />
<td valign=middle> Cell contents (text or button) </td><br />
<br />
<br />
<br />
Jon<!--content-->I think I know what you mean...<br />
It could be the hieght of your image is blowing the table cell. So it's not the image you have to center in the valign, but the text. You may have to write css to lift the text up<br />
<br />
.lift {padding-bottom: 3px
<br />
<td class="lift">text <img /></td><!--content-->damn! the smiley reader read my } for a *&^%$ing happy face!<br />
Sorry!<!--content-->The problem is the closing </FORM> tag. The </FORM> tag drops down a line like a <br> tag. You can avoid this by putting the </FORM> between the </TD></TR> tags like this:<br />
<br />
</TD></FORM></TR><br />
<br />
Regards,<br />
Kevin<!--content-->Thanks Kevin<br />
Your advice on the </form> tag worked a treat.<br />
<br />
Regards<br />
<br />
Terry<!--content-->
Terry<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br />
<webmaster is Terry Poppy - phone 0802 191 363><br />
<br />
<HTML><br />
<br />
<HEAD><br />
<br />
<br />
<TITLE>Links page</TITLE><br />
<br />
</HEAD><br />
<br />
<BODY BACKGROUND="c:\windows\desktop\sunset5.jpg" BGPROPERTIES=FIXED ><br />
<br />
<table width=800 height=60 cellpadding=0 cellspacing=0 border=0> <br />
<TR><br />
<TD><H3><FONT COLOR="red"><B>CWU SWINDON ENGINEERING<BR><br />
Officers and Committee 2001/2</h3></TD></TR></table><BR><br />
<br />
<table width=550 height=20 cellpadding=0 cellspacing=5 border=1> <br />
<TR><br />
<TD><B>CHAIRPERSON</td><td><B>STEVE BETTS</td><td><B>0802 192368</td><TD ALIGN=center><FORM><br />
<INPUT TYPE="button" VALUE="E-Mail Steve" title="E-Mail Steve Betts" STYLE="background:red" onClick="parent.location='mailto: <!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->' "><br />
</FORM></TD></tr><br />
<tr><br />
<td><B>SECRETARY</td><td><B>TERRY POPPY</td><td><B>0802 191363</td></tr><!--content-->Not 100% sure what you mean but have you tried:<br />
<br />
valign=middle within the td tags?<br />
<br />
eg:<br />
<br />
<td valign=middle> Cell contents (text or button) </td><br />
<br />
<br />
<br />
Jon<!--content-->I think I know what you mean...<br />
It could be the hieght of your image is blowing the table cell. So it's not the image you have to center in the valign, but the text. You may have to write css to lift the text up<br />
<br />
.lift {padding-bottom: 3px
<br /><td class="lift">text <img /></td><!--content-->damn! the smiley reader read my } for a *&^%$ing happy face!<br />
Sorry!<!--content-->The problem is the closing </FORM> tag. The </FORM> tag drops down a line like a <br> tag. You can avoid this by putting the </FORM> between the </TD></TR> tags like this:<br />
<br />
</TD></FORM></TR><br />
<br />
Regards,<br />
Kevin<!--content-->Thanks Kevin<br />
Your advice on the </form> tag worked a treat.<br />
<br />
Regards<br />
<br />
Terry<!--content-->