Таблица по центру

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

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

как сделать таблицу по центру? Только правильно, не нарушая правил.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<td valign="top" style="border-left:1px dashed #CCCCCC;border-right:1px dashed #CCCCCC;">
 
<table border="1" cellpadding="15" cellspacing="0" width="90%">
<tr><td style="background:#FFFFFF;">6546</td></tr>
<tr><td style="background:#FFFFFF;">6546</td></tr>
<tr><td style="background:#FFFFFF;">6549</td></tr>
</table>
 
<table border="0" cellpadding="15" cellspacing="0" width="100%">
<tr><td style="background:#FFFFFF;">
<!-- <body> -->$CONTENT$<!-- </body> --><br>
<center>$MYINF_2$</center><br>
<center>&nbsp;</center>
</td></tr></table>
 
</td>

Вот что получилось

@Sulik78 · 23.12.2010, 22:19

какую из этих таблиц? align="center"

@qu13t · 23.12.2010, 22:29 **[ТС]**

первую, получилось, спасибо

Добавлено через 5 минут
Ещё один вопрос. Как мне из первой таблицы сделать вот такую таблицу?

Не получается

@Sulik78 · 23.12.2010, 22:44

HTML5
1
2
3
4
5
<table border="1" cellpadding="15" cellspacing="0" width="90%">
<tr><td style="background:#FFFFFF;">6546</td><td width="90%"></td></tr>
<tr><td style="background:#FFFFFF;" colspan="2">6546</td></tr>
<tr><td style="background:#FFFFFF;" colspan="2">6549</td></tr>
</table>

@qu13t · 23.12.2010, 22:45 **[ТС]**

что такое cellpadding?

@Sulik78 · 23.12.2010, 22:49

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

что такое cellpadding?

так уже Ж

@qu13t · 23.12.2010, 22:50 **[ТС]**

а зачем два раза cellspacing?

@Sulik78 · 23.12.2010, 22:52

это отступ в ячейках от "полоски" а cellspacing это ширина "полоски" между ячеками

Добавлено через 47 секунд
cellpadding="15" cellspacing="0" - ОНИ не одинаковы

@qu13t · 23.12.2010, 22:59 **[ТС]**

А больше никак не выйдет сделать первую ячейку без процентов?
Чтобы она стабильно была например 200пх
Вот эту

HTML5
1
<tr><td style="background:#FFFFFF;">6546</td><td width="90%"></td></tr>

@Sulik78 · 23.12.2010, 23:02

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

мы вторую делаем широкую а первую 200
а те что ниже указывая им COLSPAN=2 делаем их объеденными в две ячейки тут главное смысл понять что ты делаешь

@qu13t · 23.12.2010, 23:09 **[ТС]**

я поставил в первую ячейку

Code
1
width="200"

но изменений не наблюдаю

@Sulik78 · 23.12.2010, 23:14

HTML5
1
<tr><td style="background:#FFFFFF;" width="200">6546</td><td>&nbsp;</td></tr>

необходимо чтобы вторая не меняла размер на 90% она смещает первую
можно css использовать еще

@vasvas7775 · 24.12.2010, 21:55

qu13t вот гляди, вся таблица прописана в процентах, что даст ей подстраиваться под разные разрешения экрана. А в верхней левой ячейке, я прописал, слой в px. что заставит таблицу держать эту ячейку всегда 200px. посмотри на код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title></title>
</head>
<body>
 <table cellspacing="0" cellpadding="0" width="100%" height="250px">
 <tr>
 <td  width="10%" height="50px">
 <div style="width:200px; height:50px; background-color:red;"></div>
 </td>
 <td  width="90%" height="50px"></td>
 </tr><tr>
 <td colspan="2" width="100%" height="100px" BGcolor="#99FF66"></td>
 </tr><tr>
 <td colspan="2" width="100%" height="100px" BGcolor="#FFCC33"></td>
 </tr>
 </table>
</body>
</html>

@qu13t · 25.12.2010, 10:15 **[ТС]**

Не одно, так другое.
Как мне теперь рамку сделать?
На первой ячейки получилось, а вот на второй и третей строке не получается.
Вот что я прописал:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<table align="center" cellspacing="0" cellpadding="0" width="95%" height="250px">
 <tr>
 <td  width="10%" height="50px">
 <div style="width:200px; height:50px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;"></div>
 </td>
 <td  width="85%" height="50px"></td>
 </tr><tr>
 <td colspan="2" width="95%" height="100px" style="border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;"></td>
 </tr><tr>
 <td colspan="2" width="95%" height="100px" BGcolor="#FFCC33"></td>
 </tr>
 </table>

Комментарий модератора

Используйте теги языков для выделения кода. Если нет нужного языка, тогда тег CODE.
https://www.cyberforum.ru/abou... 03521.html

@Sulik78 · 25.12.2010, 10:28

используйте border-collapse

HTML5
1
2
3
4
<table border="0" align="center" cellspacing="0" cellpadding="0" width="95%" height="250px" style="border-collapse: collapse">
<td width="10%" height="50px" style="border: 1px solid black;">asd</td>
<td width="85%" height="50px" style="border: 1px solid black;">asd</td>
</table>

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника 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, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@Sulik78 450 / 203 / 27 Регистрация: 23.12.2010 Сообщений: 645
	23.12.2010, 22:19
	какую из этих таблиц? align="center" 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	23.12.2010, 22:29 [ТС]
	первую, получилось, спасибо Добавлено через 5 минут Ещё один вопрос. Как мне из первой таблицы сделать вот такую таблицу? Не получается 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	23.12.2010, 22:45 [ТС]
	что такое cellpadding? 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	23.12.2010, 22:50 [ТС]
	а зачем два раза cellspacing? 0

@Sulik78 450 / 203 / 27 Регистрация: 23.12.2010 Сообщений: 645
	23.12.2010, 22:52
	это отступ в ячейках от "полоски" а cellspacing это ширина "полоски" между ячеками Добавлено через 47 секунд cellpadding="15" cellspacing="0" - ОНИ не одинаковы 1