Align linked javascript button image

  • VeggiesanTaters
  • Newbie
  • Newbie
  • VeggiesanTaters
  • Posts: 7

Post 3+ Months Ago

Hi I was wondering if anyone would know the best way to add this green close button to this table?
I tried align="right" in html but it stays near the bottom and I need it near the top and css background wont work because I need it to be clickable.
Heres the code
HTML Code: [ Select ]
<div id="parent">
     
     <div id="child">
   
 
<table cellspacing="1" cellpadding="2" class="torrents" id="myTable" width="470">
<caption>Week ending October 25, 2009</caption>
<thead>
<tr>
<th class="c1"><strong>Ranking</strong></th>
<th class="c2"><strong>(<a href="#">last week</a>)</strong></th>
<th><center><strong>Movie</strong></center></th>
<th><center><img src="images/youtube.gif" border="0"></center> <a href="#" class="highlightit"> <img src="images/close.gif" align="right" value="Remove" onClick="removeElement('parent','child');"></th>
</tr>
</thead>
 
<tfoot>
<tr>
<td align="right" colspan="4"><a href=""></a></td>
</tr>
</tfoot>
<tbody>
  1. <div id="parent">
  2.      
  3.      <div id="child">
  4.    
  5.  
  6. <table cellspacing="1" cellpadding="2" class="torrents" id="myTable" width="470">
  7. <caption>Week ending October 25, 2009</caption>
  8. <thead>
  9. <tr>
  10. <th class="c1"><strong>Ranking</strong></th>
  11. <th class="c2"><strong>(<a href="#">last week</a>)</strong></th>
  12. <th><center><strong>Movie</strong></center></th>
  13. <th><center><img src="images/youtube.gif" border="0"></center> <a href="#" class="highlightit"> <img src="images/close.gif" align="right" value="Remove" onClick="removeElement('parent','child');"></th>
  14. </tr>
  15. </thead>
  16.  
  17. <tfoot>
  18. <tr>
  19. <td align="right" colspan="4"><a href=""></a></td>
  20. </tr>
  21. </tfoot>
  22. <tbody>


Ive been trying different solutions for hours now and cant seem to get it right.
*hits head against wall* :cry:

edit: I added a screenshot of the said button. :P
Attachments:
table.png
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13502
  • Loc: Florida

Post 3+ Months Ago

First thing I would try would be to replace this
HTML Code: [ Select ]
<th><center><img src="images/youtube.gif" border="0"></center> <a href="#" class="highlightit"> <img src="images/close.gif" align="right" value="Remove" onClick="removeElement('parent','child');"></th>


With this
HTML Code: [ Select ]
<th style="text-align:center">
   <a href="#" class="highlightit" style="float:right;" onclick="removeElement('parent','child'); return false;">
      <img src="images/close.gif" alt="Remove">
   </a>
   <img src="images/youtube.gif" border="0">
</th>
  1. <th style="text-align:center">
  2.    <a href="#" class="highlightit" style="float:right;" onclick="removeElement('parent','child'); return false;">
  3.       <img src="images/close.gif" alt="Remove">
  4.    </a>
  5.    <img src="images/youtube.gif" border="0">
  6. </th>
  • VeggiesanTaters
  • Newbie
  • Newbie
  • VeggiesanTaters
  • Posts: 7

Post 3+ Months Ago

joebert wrote:
First thing I would try would be to replace this
HTML Code: [ Select ]
<th><center><img src="images/youtube.gif" border="0"></center> <a href="#" class="highlightit"> <img src="images/close.gif" align="right" value="Remove" onClick="removeElement('parent','child');"></th>


With this
HTML Code: [ Select ]
<th style="text-align:center">
   <a href="#" class="highlightit" style="float:right;" onclick="removeElement('parent','child'); return false;">
      <img src="images/close.gif" alt="Remove">
   </a>
   <img src="images/youtube.gif" border="0">
</th>
  1. <th style="text-align:center">
  2.    <a href="#" class="highlightit" style="float:right;" onclick="removeElement('parent','child'); return false;">
  3.       <img src="images/close.gif" alt="Remove">
  4.    </a>
  5.    <img src="images/youtube.gif" border="0">
  6. </th>

Cool thanks. That made it look much better. :wink:

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: expedien_123 and 46 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.