Ставьте столы рядом, если на экране достаточно места
У меня есть две таблицы HTML, которые в идеале можно было бы разместить на экране рядом. Широкоэкранные мониторы справятся с этим отлично, но столы слишком широки, чтобы стоять рядом на большинстве старых мониторов. Поэтому я хочу использовать css (или даже просто HTML, если возможно) для размещения таблиц рядом, только если разрешение достаточно высокое.
Обычно это работает автоматически с изображениями, но есть ли способ сделать это для таблиц?
Ответы 3
Да, применить стиль CSS float: left к элементам таблицы
Вот отличный праймер по плаванию: http://css.maxdesign.com.au/floatutorial/
Я бы посоветовал сделать таблицу плавающей (не забудьте указать ширину таблицы - выберите полную на неширокоэкранном мониторе).
table {
width: 500px; /* important */
float: left;
}
Однако это тоже может сработать (непроверено):
table {
display: inline;
}
попробуйте это (вы можете изменить размер окна):
<html>
<body bgcolor = "red">
<p>
<table bgcolor = "green" style = "float: right;">
<tr>
<td>sssssssssssssssssssssssssssssssssssssssssss</td>
</tr>
</table>
<table bgcolor = "blue" style = "float: left;">
<tr>
<td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
</tr>
</table>
</p>
</body>
</html>
->
Таблицы имеют собственное отображение, поэтому переход на встроенный - не выход, хотя float, безусловно, правильный.