title: How can I position my icons top right inside table cell?
body: <p>I'm trying to position some icons inside a table cell <code>&lt;td&gt;</code>, but the result is that they are position top right of the screen (outside of the table cell).</p>
  
  <p>Short version of my code is like this:</p>
  
  <pre><code>&lt;td class="td_name"&gt;
    &lt;div class="actions"&gt;
      &lt;div class="floatLeft iconset_16px update_sprite_bw_16px" title="Update"&gt;&lt;/div&gt;
      &lt;div class="floatLeft iconset_16px settings_sprite_bw_16px" title="Settings"&gt;&lt;/div&gt;
      &lt;div class="floatLeft iconset_16px delete_sprite_bw_16px" title="delete"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="gal_name"&gt;
      Some name
    &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Where <code>td_name</code> position is set to <em>relative</em> and <code>action</code> is set to <em>absolute</em>. This should work, but not this time.</p>
  
  <p>What am I missing here? <a href="http://jsfiddle.net/u9p4u/" rel="nofollow noreferrer">Se full code example on jsFidle</a>.</p>
  
  <p><strong>NOTE</strong>  </p>
  
  <p>I'm trying to position the <code>action</code> DIV <strong>inside</strong> the <code>&lt;td class="td_name"&gt;</code>.<br>
  If your jsFiddle stills shows the <code>iconset_16px</code> divs in the top right corner of the HTML window in jsFiddle, then your example is not working either.</p>
  
  <pre><code>#sim_gallery .defaultList tr td.name {  position: relative; width: 200px; height: 100px; }
  #sim_gallery .defaultList tr td .actions { position: absolute; top: 0px; right: 0px; margin: 5px;}
  </code></pre>
  
  <p><strong>NOTE 2</strong><br>
  This is for everyone that is not familiar with the usage of tables.</p>
  
  <p>In the early 90's it was very popular and very simple to use tables for page layout. But designers soon understood that changing layout was a pain in the a**. The use of tables also have <a href="https://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html">several more disadvantages</a>.</p>
  
  <p>So yes, you can design anything without ever using tables.  </p>
  
  <p>So when do yo use tables? Tables are normally used for displaying tabular data. It's kind of Excel sheet for the web. My experience is that it's much easier to structure table data, than list elements and div's. So in some cases I use tables knowing that this will not have any negative effects on the website what so ever.</p>
  
  <p><strong>So please, do not start a debate about how bad is is to use tables. Use your energy to help me solve my problem :)</strong></p>