Jul 25, 2008

Alignment Within A Table Cell

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Alignment Within A Table Cell

fsoftball
Hello,

I am having an issue where one cell of a row in my table is a submit button. The other cells in that row are text. I need the button to align with the text in the other cells. I tried valign, but (I guess) becasue I'm using a button, it doesn't work. Is there a buffer between the buttonand everything else? Am I able to congiure that button? If so, how?

Here is the HTML:

CODE

<tr><td><valign='center'><FORM ACTION='game.php' METHOD=POST><INPUT TYPE=HIDDEN NAME='game_id' VALUE='1125588480'><input type=submit name='submit' value='Update'></FORM></td><td valign='center'>Thursday</td><td valign='top'>September 1</td>
<td valign='top'>6:28</td>
<td valign='top'><a href='no_directions.html' target=_blank>Medford</a></td>
<td valign='top'><center>G</center></td><td valign='top'><center></center></td>
<td valign='top'><center></center></td>
       <td width = '55'>&nbsp;
       </td>
       <td rowspan='25'><a href="http://www.jdoqocy.com/click-1465752-10371510" target="_blank" onmouseover="window.status='http://affiliates.ebay.com';return true;" onmouseout="window.status=' ';return true;">
<img src="http://www.tqlkg.com/image-1465752-10371510" width="160" height="600" alt="" border="0"></a></td>"
       </tr>
<tr><td><valign='center'><FORM ACTION='game.php' METHOD=POST><INPUT TYPE=HIDDEN NAME='game_id' VALUE='1124470800'><input type=submit name='submit' value='Update'></FORM></td><td valign='center'>Friday</td><td valign='top'>August 19</td>
<td valign='top'>8:00</td>
<td valign='top'><a href='http://www.bssc.com/direction_details.cfm?facility=49' target=_blank>Tufts - Field 1</a></td>
<td valign='top'><center>G</center></td><td valign='top'><center></center></td>
<td valign='top'><center></center></td>
</tr>


 

 

 


Reply

truefusion
Is this what you were trying to do?:

CODE

<table border="1">
<tr>
<td valign="top">
<FORM ACTION="game.php" METHOD="POST">
<INPUT TYPE="HIDDEN" NAME="game_id" VALUE="1125588480">
<input type="submit" name="submit" value="Update">
</FORM>
</td>
<td valign="top">
Thursday
</td>
<td valign="top">
September 1
</td>
<td valign="top">
6:28
</td>
<td valign="top">
<a href="no_directions.html" target="_blank">Medford</a>
</td>
<td valign="top">
&nbsp;
</td>
<td valign="top">
&nbsp;
</td>
<td valign="top">
&nbsp;
</td>
<td valign="top">
&nbsp;
</td>
<td rowspan="2">
<a href="http://www.jdoqocy.com/click-1465752-10371510" target="_blank" onmouseover="window.status='http://affiliates.ebay.com';return true;" onmouseout="window.status=' ';return true;">
<img src="http://www.tqlkg.com/image-1465752-10371510" width="160" height="600" alt="" border="0"></a></td>"
</tr>
<tr>
<td valign="top">
<FORM ACTION="game.php" METHOD=POST>
<INPUT TYPE=HIDDEN NAME="game_id" VALUE="1124470800">
<input type=submit name="submit" value="Update">
</FORM>
</td>
<td valign="top">
Friday
</td>
<td valign="top">
August 19
</td>
<td valign="top">
8:00
</td>
<td valign="top">
<a href="http://www.bssc.com/direction_details.cfm?facility=49" target="_blank">Tufts - Field 1</a>
</td>
<td valign="top">
&nbsp;
</td>
<td valign='top'>
&nbsp;
</td>
<td valign="top">
&nbsp;
</td>
<td valign="top">
&nbsp;
</td>
</tr>
</table>

 

 

 


Reply

Saint_Michael
CODE
<table border="0">
<tr>
<td valign="top">
<FORM ACTION="game.php" METHOD="POST">
<INPUT TYPE="HIDDEN" NAME="game_id" VALUE="1125588480">
<input type="submit" name="submit" value="Update">Thursday September 1 6:28 <a href="no_directions.html" target="_blank">Medford</a>
</FORM>
</td>
<td rowspan="2">
<a href="http://www.jdoqocy.com/click-1465752-10371510" target="_blank" onmouseover="window.status='http://affiliates.ebay.com';return true;" onmouseout="window.status=' ';return true;">
<img src="http://www.tqlkg.com/image-1465752-10371510" width="160" height="600" alt="" border="0"></a></td>
</tr>
<tr>
<td valign="top">
<FORM ACTION="game.php" METHOD=POST>
<INPUT TYPE=HIDDEN NAME="game_id" VALUE="1124470800">
<input type=submit name="submit" value="Update">Friday August 19 8:00 <a href="http://www.bssc.com/direction_details.cfm?facility=49" target="_blank">Tufts - Field 1</a>
</FORM>

</td>
</tr>
</table>


i think this will help you since its alot cleaner then true coding.

Reply

fsoftball
truefusion hit the nail on the head. I'm not sure how I missed that.

Reply

whyme
it appears the problem has been solved. thread closed and a thumbs up to truefusion smile.gif

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : alignment


    Looking for alignment, table, cell

Searching Video's for alignment, table, cell
advertisement



Alignment Within A Table Cell



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE