Неравное количество ячеек в строках

@okay_bro · Регистрация: 21.07.2011

Author24 — интернет-сервис помощи студентам

Опять таблицы =(

Как сдлеать "неправильную" таблицу, фиксированной ширины, в которой в первой строке одна ячейка на всю ширину таблицы, а во второй строке три ячейки, но все три занимают ширину таблицы, то бишь не выходят за не, а пропорционально сужаются?

И еще один вопрос: как отменить центрирование элемента внутри ячейки? padding'и устанавливал - безрезультатно.

@borovik · 10.08.2011, 16:53

colspan="2" (кол объединяемых столбцов)
rowspan="3" (строки)
--------------------
<table align="center">...</table>

@okay_bro · 10.08.2011, 16:58 **[ТС]**

borovik, а как этим пользоваться?

////

borovik, как установить процентуальную ширину каждой из ячеек, в строке где их три(например)?

@borovik · 10.08.2011, 17:04

почитайте учебник
я же написал

HTML5

1 2	<table align="center">...</table> <td colspan="2">Ячейка 1</td>

@okay_bro · 10.08.2011, 17:08 **[ТС]**

borovik, зачем мне align="center" то? Я совсем другое спрашиваю.

@okay_bro · 10.08.2011, 17:39 **[ТС]**

Вот таблица.

У меня по ней два вопроса:

1. Как отменить центрирования элементов в ячейке? Чтобы 1, 2 и 3(в примере) были в левом верхнем углу, а не по центру ячейки.

2. Как задать ширину блокам 1, 2, 3?

HTML5

  <table>
               <tr><td colspan="3" class="batName">Example Battle 1</td></tr>
                        <tr>
                  <td class="batAbout">1</td>
                      <td class="batAbout2">2</td>
              <td class="batAbout3">3</td>
            </tr>
             </table>

@Qim · 10.08.2011, 17:45

CSS

1
2
3

table .batAbout {
  width: 100px;
}

Аналогично с остальными ячейками.

CSS

table td {
  vertical-align: top;
  text-align: left;
}

@okay_bro · 10.08.2011, 17:49 **[ТС]**

Qim, за текст в ячейке спасибо,

А про ширину:

Я имел ввиду как задать им разную ширину? Чтобы 1, например, была 20%, 2 - 45%, 3 - 35%.

Когда я так задаю через width, ничего не получается,
все равно все ячейки одинаковые остаются.

@Qim · 10.08.2011, 17:53

У вас же уже прописаны селекторы для этих ячеек. Вот и используйте их.

CSS

table .batAbout {
  width: 20%;
}
table .batAbout2 {
  width: 45%;
}
table .batAbout3 {
  width: 35%;
}

@okay_bro · 10.08.2011, 17:55 **[ТС]**

Qim, Я их и использую. Но результата ноль =(

Или, может быть, невозможно установить разную ширину для ячеек, если есть строка в таблице с colspan'ом?

@Qim · 10.08.2011, 18:11

У меня всё работает → http://jsfiddle.net/T59AN/1/

@okay_bro 2 / 2 / 0 Регистрация: 21.07.2011 Сообщений: 83
		1
	Неравное количество ячеек в строках 10.08.2011, 16:50. Показов 3774. Ответов 10 Метки нет (Все метки) Опять таблицы =( Как сдлеать "неправильную" таблицу, фиксированной ширины, в которой в первой строке одна ячейка на всю ширину таблицы, а во второй строке три ячейки, но все три занимают ширину таблицы, то бишь не выходят за не, а пропорционально сужаются? И еще один вопрос: как отменить центрирование элемента внутри ячейки? padding'и устанавливал - безрезультатно. 0

@borovik 210 / 204 / 52 Регистрация: 25.07.2010 Сообщений: 1,162
	10.08.2011, 16:53	2
	colspan="2" (кол объединяемых столбцов) rowspan="3" (строки) -------------------- <table align="center">...</table> 1

@okay_bro 2 / 2 / 0 Регистрация: 21.07.2011 Сообщений: 83
	10.08.2011, 16:58 [ТС]	3
	borovik, а как этим пользоваться? //// borovik, как установить процентуальную ширину каждой из ячеек, в строке где их три(например)? 0

@okay_bro 2 / 2 / 0 Регистрация: 21.07.2011 Сообщений: 83
	10.08.2011, 17:08 [ТС]	5
	borovik, зачем мне align="center" то? Я совсем другое спрашиваю. 0

@okay_bro 2 / 2 / 0 Регистрация: 21.07.2011 Сообщений: 83
	10.08.2011, 17:49 [ТС]	8
	Qim, за текст в ячейке спасибо, А про ширину: Я имел ввиду как задать им разную ширину? Чтобы 1, например, была 20%, 2 - 45%, 3 - 35%. Когда я так задаю через width, ничего не получается, все равно все ячейки одинаковые остаются. 0

@okay_bro 2 / 2 / 0 Регистрация: 21.07.2011 Сообщений: 83
	10.08.2011, 17:55 [ТС]	10
	Qim, Я их и использую. Но результата ноль =( Или, может быть, невозможно установить разную ширину для ячеек, если есть строка в таблице с colspan'ом? 0

@Qim 1 / 1 / 0 Регистрация: 10.08.2011 Сообщений: 6
	10.08.2011, 18:11	11
	У меня всё работает → http://jsfiddle.net/T59AN/1/ 1