Aligning objects within a table cell

  • Digitelle
  • Graduate
  • Graduate
  • User avatar
  • Posts: 122
  • Loc: BRKLYN-NY

Post 3+ Months Ago

I'm back with more inane questions. Today - does anyone know the trick to aligning two separate objects (an image and a form) to the top and bottom (respectively) of a table cell. I have tried many different incarnations of
Code: [ Select ]
align="x"
<p>and<p>
Code: [ Select ]
valign="x"
<p>and it all seems to go to the center unless I specify<p>
Code: [ Select ]
valign="x"
<p>for the table cell and then that tag overrides the others. here is the code in case you need to see it.

Code: [ Select ]
<TD width="100" height="200">
<center>
<p><!--{$recs[mysec].category}-->
<p><img src="/cover_pics/<!--{$recs[mysec].cover_img}-->" align="top" border="1" height="100">
<p><b><font color="#FF6633"><!--{$recs[mysec].title}--></font></b>

<FORM action="/public/public_view_product.php" method="POST" >
<INPUT type="hidden" name="id" value="<!--{$recs[mysec].id}-->">
<INPUT align="bottom" name="submit" type="image" id="submit" src="/images/details.jpg" value="view">
</FORM>

<FORM action="/public/view_cart.php" method="POST">
<INPUT type="hidden" name="cmd" value="atc">
<INPUT type="hidden" name="quantity" value="1">
<INPUT type="hidden" name="product_id_pointer" value="<!--{$recs[mysec].id}-->">
<INPUT align="bottom" name="submit" type="image" id="submit" src="/images/add-to-cart.jpg" value="add to cart">
</FORM>
</center>
</TD>
  1. <TD width="100" height="200">
  2. <center>
  3. <p><!--{$recs[mysec].category}-->
  4. <p><img src="/cover_pics/<!--{$recs[mysec].cover_img}-->" align="top" border="1" height="100">
  5. <p><b><font color="#FF6633"><!--{$recs[mysec].title}--></font></b>
  6. <FORM action="/public/public_view_product.php" method="POST" >
  7. <INPUT type="hidden" name="id" value="<!--{$recs[mysec].id}-->">
  8. <INPUT align="bottom" name="submit" type="image" id="submit" src="/images/details.jpg" value="view">
  9. </FORM>
  10. <FORM action="/public/view_cart.php" method="POST">
  11. <INPUT type="hidden" name="cmd" value="atc">
  12. <INPUT type="hidden" name="quantity" value="1">
  13. <INPUT type="hidden" name="product_id_pointer" value="<!--{$recs[mysec].id}-->">
  14. <INPUT align="bottom" name="submit" type="image" id="submit" src="/images/add-to-cart.jpg" value="add to cart">
  15. </FORM>
  16. </center>
  17. </TD>
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Posts: 371
  • Loc: Riverside, CA

Post 3+ Months Ago

Make the bottom row, 2 cells, put the object in one cell, and the form in the other, valign both to "top".. thats what I would do..

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 47 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.