CSS Выравнивание таблицы

У меня проблема с выравниванием таблицы в правой части изображения. И изображение, и таблица находятся в ячейке супер-таблицы. Вы поможете мне, пожалуйста?CSS Выравнивание таблицы

http://jsfiddle.net/QLYv7/

<td class="menu-section" style="background: #F0F;"> <a href="#"> 
    <img class="menu-section-icon" onmouseover="document.getElementById('menu-section-desc-0').style.display = 'block';" onmouseout="document.getElementById('menu-section-desc-0').style.display = 'none';" onclick="document.getElementById('menu-section-sub-0').style.display = 'block';" src="/resources/images/server-icon-breakpoint-web-64.png"> 
    <div id="menu-section-desc-0" class="menu-section-desc" style="background-color: rgb(255, 0, 255); display: none;"> 
     <span class="menu-section-desc-content"> 
      Description stuff 
     </span> 
    </div> 
</a> 
    <div id="menu-section-sub-0" class="menu-section-sub"> 
     <table class="menu-table"> 
      ... table contents ... 
     </table> 
    </div> 
</td>

источник

2014-01-24 Limeth

Это очень похоже на то, что в первую очередь это не должно включать таблицы. – Quentin

Таблицы - инструмент для компоновки ленивого лица. Остальная часть использования использует CSS. –

Просьба описать, что происходит, и то, что вы хотели бы совершить. –

Попробуйте сделать 2 коробки. один будет содержать изображение, а другой будет содержать другие 2 таблицы, которые вы хотите присвоить. затем присоедините 2 коробки с плавающим левым и правым

источник

2014-01-24 16:37:07

Просто для удовольствия я собрал структуру с divs, которая может вам помочь.

FIDDLE

HTML

<div class='leftone'> 
    <div class='littletop'></div> 
    <div class='holderdiv'> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
      <div class='clearboth'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
    </div> 
</div> 

<div class='rightone'> 
    <div class='littletop'></div> 
    <div class='holderdiv'> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
      <div class='clearboth'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
    </div> 
</div>

CSS-в скрипку.

источник

2014-01-24 19:24:36 TimSPQR

Я исправил его, используя divs вместо таблиц. Спасибо за помощь.

источник

2014-01-25 16:58:52 Limeth

CSS Выравнивание таблицы

ответ

Смежные вопросы