Изменение ширины определенного столбца таблицы

@Mariamarfi · Регистрация: 26.03.2014

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

Доброго дня, форумчане. Подскажите мне, пожалуйста, как изменить внешний вид определённый столбец?
Например:

HTML5
1
<td text-algin="center" width="50px"></td>

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
$result = mysql_query('SELECT * FROM `demo_sounds_double`')
                  or die('Запрос не удался: ' . mysql_error());
                  
        
// Выводим результаты в html
 
print "<table>";
print "<tr>
   <strong>
        <th>id</th>
        <th>name</th>
        <th>video</th>
        <th>video_slow</th>
        <th>name2</th>
        <th>video2</th>
        <th>video_slow2</th>
   </strong>
</tr>";  
 
  while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) 
  {
       foreach ($line as $col_value) 
       {
        print "\t\t<td>$col_value</td>\n";
    }
       print "\t</tr>";
}
                
print "</table>";

@Jodah · 15.01.2017, 01:35

Вопрос скорее в раздел вёрстки.

Если нужно изменить только ширину - измените её у любой из ячеек столбца, и она применится ко всему столбцу.

Если что-то ещё, смотрите псевдокласс :nth-child.

@mrtoxas · 15.01.2017, 15:34

Ширину отдельных столбцов задаем так:
1.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table>
  <tr>
    <th>id</th>
    <th width="200">name</th>
    <th>video</th>
    <th>video_slow</th>
    <th width="200">name2</th>
    <th>video2</th>
    <th>video_slow2</th>
  </tr>
  <tr>
    <td>item1</td>
    <td>item2</td>
    <td>item3</td>
    <td>item4</td>
    <td>item5</td>
    <td>item6</td>
    <td>item7</td>
  </tr>
</table>

2.

CSS
1
2
3
4
5
6
7
8
9
10
table{
  border-collapse: collapse; 
}
td,th{
  border:1px solid black;
  padding:5px 10px;
}
.wide{
  width:200px;
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table>
  <tr>
    <th>id</th>
    <th class="wide">name</th>
    <th>video</th>
    <th>video_slow</th>
    <th class="wide">name2</th>
    <th>video2</th>
    <th>video_slow2</th>
  </tr>
  <tr>
    <td>item1</td>
    <td>item2</td>
    <td>item3</td>
    <td>item4</td>
    <td>item5</td>
    <td>item6</td>
    <td>item7</td>
  </tr>
</table>

3.

CSS
1
2
3
4
5
6
7
8
9
10
11
table{
  border-collapse: collapse; 
}
td,th{
  border:1px solid black;
  padding:5px 10px;
}
table th:nth-child(2),
table th:nth-child(5){
  width:200px;
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table>
  <tr>
    <th>id</th>
    <th>name</th>
    <th>video</th>
    <th>video_slow</th>
    <th>name2</th>
    <th>video2</th>
    <th>video_slow2</th>
  </tr>
  <tr>
    <td>item1</td>
    <td>item2</td>
    <td>item3</td>
    <td>item4</td>
    <td>item5</td>
    <td>item6</td>
    <td>item7</td>
  </tr>
</table>

Насчет всех остальных стилей (цвет, выравнивание и т.п.):
1.

CSS
1
2
3
4
table tr :nth-child(2),
table tr :nth-child(5){
  color:red;
}

2.

CSS
1
2
3
4
5
6
table tr th:nth-child(2),
table tr td:nth-child(2),
table tr th:nth-child(5),
table tr td:nth-child(5),{
  color:red;
}

@Mariamarfi · 15.01.2017, 18:07 **[ТС]**

Я пробовала через стиль... Но php не дает нормальный результат... Файл в формате в данном случае phtml.

PHP/HTML
1
2
3
4
foreach ($line as $col_value) 
{
        print "\t\t<td>$col_value</td>\n";
}

Если я правильно поняла, то это дает автоматически размер по ширине...

@mrtoxas · 15.01.2017, 18:21

По коду в первом сообщении, у вас таблица на выходе имеет такой вид:

HTML5
1
2
3
4
5
6
7
8
9
10
11
  <table>
  <tr>
    <strong>
      <th></th>
      <th></th>
      <th></th>
       ...
      <th></th>
    </strong>
  </tr>
</table>

Так делать нельзя, тегу <strong> там не место.
\t это обычная табуляция и к указанию ширины не имеет никакого отношения.

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@Jodah 3899 / 3237 / 1353 Регистрация: 01.08.2012 Сообщений: 10,913
	15.01.2017, 01:35
	Вопрос скорее в раздел вёрстки. Если нужно изменить только ширину - измените её у любой из ячеек столбца, и она применится ко всему столбцу. Если что-то ещё, смотрите псевдокласс :nth-child. 0