HTML-таблица с расширенным столбцом

Question

Я не совсем уверен, есть ли способ сделать это, и на данный момент я думаю, что я просто сделаю отдельный элемент с абсолютным позиционированием и поместите его в правильное положение.

Это то, что я хотел бы сделать со столом ... Возможно ли это? Прямо сейчас у меня есть таблица, в которой вы можете видеть часть справа, но я просто пытался придумать, как это сделать.

У меня есть нормальный макет таблицы, как сейчас: Но посмотри на скрипке: http://jsfiddle.net/W3Tvm/

Я предполагаю, что основная задача будет пытаться сохранить border-radius

<table class="overviewTable"> 
      <thead> 
       <tr> 
        <th colspan="5"> 
         FAN FREE TERMINALS</th> 
       </tr> 
      </thead> 
      <thead class="posiOverviewPN"> 
       <tr> 
        <th class="txHeader"> 
         TX4200E</th> 
        <th class="ksHeader"> 
         KS6700</th> 
        <th class="ksHeader"> 
         KS7200</th> 
        <th class="ksHeader"> 
         KS7500</th> 
        <th class="ksHeader"> 
         KS7700</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td> 
         <img height="68px" src="../posiflex/images/tx-4200.png" width="120px"></td> 
        <td> 
         <img height="108px" src="../posiflex/images/ks6700.png" width="120px"></td> 
        <td> 
         <img height="109px" src="../posiflex/images/ks7200.png" width="120px"></td> 
        <td> 
         <img height="117px" src="../posiflex/images/ks7500.png" width="120px"></td> 
        <td> 
         <img height="119px" src="../posiflex/images/ks7700.png" width="120px"></td> 
       </tr> 
      </tbody> 
     </table> 

Answer 1

Я считаю, что вы хотите, чтобы это было основное структурирование таблицы: http://jsfiddle.net/9VULt/

Все, что вам нужно сделать, это иметь пустые ячейки th/td:

<table> 
    <thead> 
     <tr> 
      <th><!--empty--></th> 
      <th>TX42</th> 
     </tr> 
     <tr> 
      <th><!--empty--></th> 
      <th>image</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Advantage</td> 
      <td>Industrial grade...</td> 
     </tr> 
    </tbody> 
</table>