Располагая столы бок о бок, если на экране достаточно места - PullRequest
Новая
       8

Располагая столы бок о бок, если на экране достаточно места

0 голосов
/ 31 декабря 2008

У меня есть две HTML-таблицы, которые в идеале должны располагаться рядом на экране. Широкоэкранные мониторы справятся с этим замечательно, но таблицы слишком широки, чтобы быть рядом на большинстве старомодных мониторов. Поэтому я хочу использовать CSS (или даже HTML, если это возможно) для размещения таблиц рядом, только если разрешение достаточно высокое.

Обычно это работает автоматически с изображениями, но есть ли способ сделать это для таблиц?

Ответы [ 3 ]

11 голосов
/ 31 декабря 2008

Да, применить float стиля CSS: слева к элементам таблицы

Вот отличный учебник по плаванию: http://css.maxdesign.com.au/floatutorial/

3 голосов
/ 31 декабря 2008

Мой совет - плавать на столе (не забудьте указать ширину таблицы - выберите тот, который заполнен на широкоэкранном мониторе). 

table {
    width: 500px; /* important */
    float: left;
}

Однако это может сработать (не проверено): 

table {
    display: inline;
}
0 голосов
/ 31 декабря 2008

попробуйте это (вы можете изменить размер окна): 

<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>

->

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...