|
|
|
| Какое CSS-свойство добавить к тексту, чтобы разместить его по центру ячейки таблицы?
У меня вот такой класс:
.content {
width: 100%;
text-align: justify;
padding-top: 20px;
font-family: "Times roman";
font-size: 14px;
}
При добавлении padding или margin текст "съезжает" вправо, "подкладывается" под соседнюю ячейку. А мне нужно, чтобы со всех сторон были одинаковые поля. | |
|
|
|
|
|
|
|
для: Лена
(02.08.2008 в 14:23)
| |
Замените
text-align: justify;
на
text-align: center;
|
| |
|
|
|
|
|
|
|
для: PAT
(02.08.2008 в 15:24)
| | Тут не в этом дело.
Допустим, добавляю я margin: 30px; и текст почему-то съезжает вправо, под текст соседней ячейки
.content {
width: 100%;
text-align: center;
margin: 30px;
font-family: "Times roman";
font-size: 14px;
border: 1px solid #1E90FF;
}
|
| |
|
|
|
|
|
|
|
для: Лена
(02.08.2008 в 15:32)
| | Действительно, дело СОВСЕМ не в этом.
Что, по-вашему, есть margin?
Поясню, что вообще слово margin переводится как ВНЕШНИЙ отступ.
В HTML (CSS) внешний отступ определяется от как отступ ВНЕШНЕЙ границы элемента от соседнего по направлению элемента (или от границы родительского).
Родительским элементом для ячейки (для тега <TD>) является СТРОКА (тег <TR>), соседними - рядом лежащие (с четырех сторон) ячейки (другие теги <TD>).
Как вы себе представляете отдельную ячейку в структуре таблицы, границы которой имеют отступ от границ строки, в которой ячейка находится?
Представьте себе фасад трехэтажного дома, на каждом этаже которого имеется по три окна. Положим, зададите вы центральному окну на втором этаже иметь отступ снизу в 25 метров (style="margin-bottom: 25m").
Спрашивается - где будет находиться это окно? Висеть в воздухе много выше трубы дома?
Где вы такой дом видели? В одном из своих страшных снов?:-)
В общем, поясняю - свойство стиля margin для ячейки (тега <TD>) не имеет никакого смыслового значения.
Поэтому реакция разных браузеров на идиотизм верстальщиков, кои прописывают таки margin для ячейки, будет совершенно непредсказуемая.
Где-то что-то, может быть, и сдвинется, а где-то вовсе не будет никаких видимых изменений.
Ибо трудно предусмотреть программно ВСЕ возможные поступки неграмотных верстальщиков. | |
|
|
|
|
|
|
|
для: PAT
(02.08.2008 в 18:36)
| | Вот упрощенный код:
<link rel="stylesheet" href="templates/css/index_style.tpl" type="text/css">
<style>
table{
background-color: #BFDDED;
}
td {
vertical-align: top;
background-color: #ffffff;
}
</style>
</head>
<body>
<table width=100% border="0" cellpadding="0" cellspacing="8px">
<tr>
<td width= "210px"><?php include("menu5.php");?></td>
<td rowspan = "2">
<div><?php include("gor_menu4.php");?></div>
<?php include("moduls/menu/menu_content.php");?>
</td>
<td width= "210px" rowspan = "2">
<div class = "header">Полезные советы
</div>
<div height = "400px"><?php include("moduls/advices/ad.php");?>
</div>
<div class = "header">Новости строительства
</div>
<div> <?php include("bud-inform.php");?>
</div>
</td>
</tr>
<tr>
<td><?php include("budshop_sim.php");?></td>
</tr>
</table>
</body>
|
Текст в центре съезжает вправо | |
|
|
|
|
|
|
|
для: Лена
(02.08.2008 в 19:06)
| | Так тут всё просто:
<смотри><?php include ("ответ_на_ваш_вопрос.php");?></посмотрела?>
|
| |
|
|
|