Question

Здравствуйте.

У себя на сайте решила сделать вывод материалов в несколько колонок, а именно, в 4 колонки. В меню Каталог статей - Вид материалов установила такой код:

 

<div style="width:25%; align=left; float:left; valign:top;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" hieght="100%" class="eBlock" ><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:center; height:75px;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px; height:110px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">
</td></tr> </table><br /></div>

Но проблема в том, что все 4 колонки стоят слитно, впритык друг к другу. Скажите, как сделать отступы между колонками? И в какое место в коде их надо прописать?

Comments

Адрес сайта?

Answer 1

Добавить отступ можно с помощью margin. К примеру, добавим отступ по 1% слева и справа.

width:23%; margin:0% 1% 0% 1%;

За счет того, что мы прибавили отступ слева 1% и справа 1% ( в сумме 2% ) ширина самого блока уменьшается на 2%

Comments

Сделала, но тогда ширина самого блока меняется и становится уже. А иначе никак это нельзя реализовать, чтобы ширину блоков не менять?

---

Катя,

По другому нет. Можно чуть меньше отступы сделать. Например, по 0.5%. Тогда ширина блока будет 24%. Или отступы по 0.2%, а ширина блока 24.6%

---

Александр Леонов,

Ставить надо точки, а не запятые. Т.е. 0.5, а не 0,5

---

Что же вы мне сразу про точки не сказали? )) Вот так уже лучше.

Спасибо.