Не работает width и height в таблице

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

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

Блин, уже как только не пробовал, не меняется размер этой чертовой таблицы.

Должно быть вот так:

А у меня:

Пробовал height="значение" - больше делает, меньше - нет.
А width="значение" - вообще не работает.

HTML5
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title></title>
        <style>
            body {background: #FFE1A3;}
            div {position: fixed; top: 0; left: 0; width: 200%; height: 100%;}
        </style>
    </head>
 
    <body>
        <table cellpadding="1"  align="center" cols="5">
        <caption><p style="text-align: center"><button>Выключено</button></caption>
        <tr> 
            <th></th>
            <th>Ресурсы</th>
            <th>Имеется</th>
            <th>Покупка</th>
            <th>Подажа</th>
        </tr>
        <tr>
            <td><img src="https://www.cyberforum.ru/images/wood.gif"></td>
            <td>Древесина</td>
            <td>20</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        <tr>
            <td><img src="https://www.cyberforum.ru/images/ore.gif"></td>
            <td>Руда </td>
            <td>0</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        <tr>
            <td><img src="https://www.cyberforum.ru/images/mercury.gif"></td>
            <td>Ртуть</td>
            <td>342</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        </table>
    </body>
</html>

Нашел, такое:

HTML5
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
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>table-layout</title>
  <style>
   table {
    table-layout: fixed; /* Фиксированная ширина ячеек */
    width: 100%; /* Ширина таблицы */
   }
   .col1 { width: 160px; }
   .coln { width: 60px; }
  </style>
 </head>
 <body>
  <table border="1">
   <col class="col1">
   <col span="9" class="coln">
   <tr> 
    <td>&nbsp;</td>
    <td>2012</td><td>2013</td><td>2014</td><td>2015</td>
    <td>2016</td><td>2017</td><td>2018</td><td>2019</td>
    <td>2020</td>
   </tr>
   <tr> 
    <td>Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
    <td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
   </tr>
   <tr>
    <td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
    <td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
   </tr>
   <tr>
    <td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
    <td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
   </tr>
  </table> 
 </body>
</html>

Стало шире, но ничего не меняется, width: 100% - вообще не работает...

HTML5
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title></title>
        <style>
            body {background: #FFE1A3;}
            table {table-layout: fixed; /* Фиксированная ширина ячеек */ width: 100%; /* Ширина таблицы */}
            .col1 { width: 160px; }
            .coln { width: 60px; }
        </style>
    </head>
 
    <body>
        <table>
        <caption><p style="text-align: center"><button>Выключено</button></caption>
        <col class="col1">
        <col span="8" class="coln">
        <tr> 
            <th></th>
            <th>Ресурсы</th>
            <th>Имеется</th>
            <th>Покупка</th>
            <th>Подажа</th>
        </tr>
        <tr>
            <td><img src="https://www.cyberforum.ru/images/wood.gif"></td>
            <td>Древесина</td>
            <td>20</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        <tr>
            <td><img src="https://www.cyberforum.ru/images/ore.gif"></td>
            <td>Руда </td>
            <td>0</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        <tr>
            <td><img src="https://www.cyberforum.ru/images/mercury.gif"></td>
            <td>Ртуть</td>
            <td>342</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        </table>
    </body>
</html>

@MrHidalgo · 21.09.2016, 11:36

Попробуй к ячейкам добавить свойство:

CSS
1
white-space: nowrap;

@артист · 21.09.2016, 11:40 **[ТС]**

Не помогло, всё так же осталось.(Код точно изменил).

Может не туда сунул?

HTML5
1
2
3
4
5
6
7
<tr>
    <td white-space: nowrap;><img src="https://www.cyberforum.ru/images/wood.gif"></td>
    <td white-space: nowrap;>Древесина</td>
    <td white-space: nowrap;>20</td>
    <td white-space: nowrap;><p><input type="checkbox" name="a" value="1"></p></td>
    <td white-space: nowrap;><p><input type="checkbox" name="a" value="1"></p></td>
</tr>

@Fedor92 · 21.09.2016, 11:46

артист, уважаемый, а Вы не пробовали засунть картинку и слово "Древесина" в одну ячейку таблицы?

HTML5
1
<td><img><span></span></td>

@MrHidalgo · 21.09.2016, 11:47

Inline style - лучше не использовать (очень плохая практика

) - а если и задавать то правильно нужно писать:

CSS
1
<td style='white-space: nowrap;'>Древесина</td>

Свойство white-space устанавливает, как отображать пробелы между словами. nowrap - Пробелы не учитываются, переносы строк в коде HTML игнорируются

@артист · 21.09.2016, 11:51 **[ТС]**

Сообщение от Fedor92

артист, уважаемый, а Вы не пробовали засунть картинку и слово "Древесина" в одну ячейку таблицы?

Я не знал что так можно )) Спасибо.

@Fedor92 · 21.09.2016, 11:56

артист, и вдогонку общая таблица ресурсов с отредактированной первой колонкой:

HTML5
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
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>table-layout</title>
  <style>
   table {
    table-layout: fixed; /* Фиксированная ширина ячеек */
    width: 100%; /* Ширина таблицы */
   }
    tr>td:first-child{ width: 160px; }
  </style>
 </head>
 <body>
  <table border="1">
   <tr> 
    <td>&nbsp;</td>
    <td>2012</td><td>2013</td><td>2014</td><td>2015</td>
    <td>2016</td><td>2017</td><td>2018</td><td>2019</td>
    <td>2020</td>
   </tr>
   <tr> 
    <td>Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
    <td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
   </tr>
   <tr>
    <td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
    <td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
   </tr>
   <tr>
    <td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
    <td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
   </tr>
  </table> 
 </body>
</html>

@артист · 21.09.2016, 12:26 **[ТС]**

Вот если открыть браузером popup.html по ширине всё нормально.
А в приложении оно вон как выглядит:

HTML5
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
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title></title>
        <style>
            body { background: #FFE1A3; }
            table { table-layout: fixed; width: 100%; }
            tr>td:first-child{ width: 160px; }
        </style>
    </head>
 
    <body>
        <table cellpadding="1" align="left" cols="5">
        <caption><p style="text-align: center"><button>Выключено</button></caption>
        <tr align="left">
            <th>Ресурсы</th>
            <th>Имеется</th>
            <th>Покупка</th>
            <th>Подажа</th>
        </tr>
        <tr>
            <td><img src="images/wood.gif"><span> Древесина</span></td>
            <td>20</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        <tr>
            <td><img src="images/ore.gif"><span> Руда</span></td>
            <td>0</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        <tr>
            <td><img src="images/mercury.gif"><span> Ртуть</span></td>
            <td>342</td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
            <td><p><input type="checkbox" name="a" value="1"></p></td>
        </tr>
        </table>
    </body>
</html>

Может можно как - то задать размер самого окна?

@Fedor92 · 21.09.2016, 12:50

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

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

Не работает width и height в таблице

Решение

Решение

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	21.09.2016, 12:50
	артист, попробуйте с помощью инструментов разработчика посмотреть, какой класс или идентификатор имеет блок, в который вложена таблица, и попробовать задать ему ширину в стилях, если не получится тогда уже надо смотреть доки по созданию виджетов, каким образом высчитывается ширина выпадашки виджета, возможно это делается скриптом... 1