2013-09-19 3 views
0

Я использую тему, которая имеет действительно хороший сетчатый эффект. Нормальное количество td равно 5. Но для некоторых разделов мне нужны только два, а для других мне нужно больше. Я бы хотел, чтобы у них были все одинаковые размеры, потому что то, что происходит, когда я вкладываю нужную сумму, которая мне нужна, иногда будет растягивать коробки слишком большими или слишком маленькими. Вот CSS, и если вам нужно что-нибудь еще, просто дайте мне знать.Таблица и столбец html

body {background-color:#cccccc; color:#000000; font:16px Arial, sans-serif; word-wrap:break-word; width:100%; height:100%; margin:0; padding:0;} 
a {text-decoration:underline; color:black;} 
a:hover {text-decoration:none;} 
#wrappper {background-color:#ffffff; width:600px; margin:60px auto; padding:0 50px 50px;} 
#title {background-color:#000000; color:#ffffff; text-align:center; text-transform:uppercase; padding:20px 0; margin:0 -50px 20px;} 
table {width:100%; border-collapse:collapse;} 
table th {font-size:20px; padding:24px 0 8px; text-transform:uppercase; text-align:left;} 
table td {vertical-align:center; padding:4px 1px;} 
table table {width:300px; height:50px;} 
table table td {border:solid 1px #000000; width:50px; height:50px; padding:0;} 
table table td img {display:block; border:0; max-width:30px; max-height:30px; width:auto; height:auto; margin:auto;} 
#credit {border-top:solid 2px black; margin-top:40px; padding-top:20px; text-align:center; font-size:12px;} 

И тогда Херес Объединение столбцов Верую ...

<table> 
<col width="auto"><col width="150px"><col width="150px"> 

<tr><th colspan="2"> 

jsFiddle: http://jsfiddle.net/Zorabelle/sYJKt/

+0

вы используете Colspan? – PherricOxide

+0

Да, Heres начало моей таблицы кода:

<ширина цв = "Авто"><цв ширина = "150px"><цв ширина = "150px"> <е Объединение столбцов = "2"> – Zorabelle

ответ

0

Добавить пустые <td></td> S, где у вас есть менее чем на 5 в данном <tr>. Кроме того, если вы хотите «присоединиться» <td>, используйте colspan.

EDIT: Как насчет использования скрытых <td> с, чтобы сохранить расположение, как и в this jsFiddle:

td.hidden { 
    visibility: hidden; 
} 
+0

I Я уже использую colspan. – Zorabelle

+0

Тогда я не уверен, в чем проблема. Не могли бы вы собрать [jsFiddle] (www.jsfiddle.com), чтобы продемонстрировать проблему? – chopper

+0

Несомненно, я отредактировал вопрос о том, что там – Zorabelle

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