Размещение таблицы HTML/CSS

Ниже приведен мой код для 2x столов. Есть PHP & Результаты, которые я удалил. Но я не могу получить их на одной линии, но рядом друг с другом.Размещение таблицы HTML/CSS

Я попытался выровнять влево/вправо, и это ставит их на две отдельные линии? Я тоже попробовал float, и это тоже не помогло.

У кого-нибудь есть совет для меня?

HTML

<table width="40%" border="0" cellpadding="0" cellspacing="2" class="table"> 
     <tr align="center"> 
     <td colspan="16" class="header"><center>Last 5 Received Transactions</center></td> 
     </tr> 
     <tr align="center"> 
     <td class="header"><center>Transaction ID</center></td> 
     <td class="header"><center>Sent To</center></td> 
     <td class="header"><center>Amount</center></td> 
     <td class="header"><center>Date</center></td> 
     </tr> 
</table> 
<table width="40%" border="0" cellpadding="0" cellspacing="2" class="table"> 
     <tr align="center"> 
     <td colspan="16" class="header"><center>Last 5 Sent Transactions</center></td> 
     </tr> 
     <tr align="center"> 
     <td class="header"><center>Transaction ID</center></td> 
     <td class="header"><center>Sent By</center></td> 
     <td class="header"><center>Amount</center></td> 
     <td class="header"><center>Date</center></td> 
     </tr> 
</table>

CSS:

table 
    { 
    border: #000000 1px solid; 
    background-color: #363636; 
    }

источник

2015-06-28 Zoltan

Каков ваш CSS для ?. Я имею в виду, для какого класса ваши свойства CSS - это то, о чем вы говорили выше. – divy3993

жаль, что я сейчас редактировал. приведенный выше CSS для таблицы классов – Zoltan

Возможный дубликат [HTML - Две таблицы по горизонтали сбоку] (http://stackoverflow.com/questions/8917235/html-two-tables-horizontally-side-by-side) –

Можно также добавить класс влево и вправо для каждой таблицы и определить поплавки в вашем CSS, если вы хотите таблицы всегда выравниваются влево и вправо.

table.left { 
    float: left; 
} 
table.right { 
    float: right; 
} 

<table width="40%" border="0" cellpadding="0" cellspacing="2" class="left"> 
    YOUR LEFT TABLE content 
</table> 
<table width="40%" border="0" cellpadding="0" cellspacing="2" class="right"> 
    YOUR RIGHT TABLE content 
</table>

Вам не нужен класс «table», потому что вы можете использовать тег таблицы как селектор.

источник

2015-06-28 20:38:33 katjam

Попробуйте добавить дисплей: встроенный блок;

Обновление CSS

table 
{ 
border: #000000 1px solid; 
background-color: #363636; 
display:inline-block; 
}

WORKING:DEMO

источник

2015-06-28 20:24:10 divy3993

@ Zoltan Это то, что вы хотите? – divy3993

поплавка не работает на display: table, которая является свойством отображения таблицы по умолчанию.

Вы должны поставить display: block на него, чтобы плыть им

table { 
    border: 1px solid #000; 
    display: block; 
    float: left; 
    width: 40%; 
} 
table:first-child { 
    margin-right: 40px; 
}

Working Fiddle

источник

2015-06-28 20:29:46 VladNeacsu

Размещение таблицы HTML/CSS

ответ

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