table CSS

girl · March 13, 2008

Помогите, пожалуйста, с раскраской таблицы.

<html>
<title>test</title>
<style>
#gsearc-table { width: 100%}
#gsearc-table td { width: 50%; vertical-align:top;}
</style>
<body>
<table id="gsearc-table" border="1">
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
</tr>
</table>
</body>
</html>

Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца,

которые должны располагаться симметрично. Ставлю им ширину 50%.

Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, т.е.

чтобы они отображались с одинаковой шириной.

Вопрос в том, как это организовать? Я совсем не представляю...

Scrum · March 13, 2008

не надо им указывать ширину они и так делятся равномерно

<html>
<title>test</title>
<style>
table { width: 100%; }
table td { vertical-align:top;}
</style>
<body>
<table border="1">
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
</tr>
</table>
</body>
</html>

Serhij · March 13, 2008

http://www.htmlbook.ru/content/?id=34

http://www.htmlbook.ru/faq/?a=59

Scrum · March 13, 2008

Serhij

http://forum.htmlbook.ru/index.php?showtopic=6373

внимательно вчитываемся.

Serhij · March 13, 2008

Извините, если, что не так, там очень подробно вс? описано.

Mordraug · March 13, 2008

Это пустые ячейки делят все поровну а если в них будет разное содержание ? расклад будет уже другой

Scrum · March 13, 2008

Это пустые ячейки делят все поровну а если в них будет разное содержание ? расклад будет уже другой

уже ждал этого вопроса ))

да и так по суте вопрос был вообще немного другой

Помогите, пожалуйста, с раскраской таблицы.

girl · March 13, 2008

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

Вот... Почитаю ссылки, но если кто-то знает уже сразу как это делать, то было бы классно.

Sign In

table CSS

Question

girl

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Scrum

Link to comment

Share on other sites

Serhij

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Serhij

Link to comment

Share on other sites

Mordraug

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

girl

Link to comment

Share on other sites

Обсуждения

Forums

Important Information