Регулирование отступов

Всем добрый день
такая проблема
вот мой мульти форум


вопросы:
1. как увеличить отступ обозначенный на скине под номером 1
2. как сделать одинаковыми отступы 2 и 3

если кому поможет ответить на мой вопрос вот мой код мульти форума

Настройка и работа с программным обеспечением компьютера.
<TABLE cellSpacing=5 cellPadding=5 width="100%" border=0>
<TBODY>
<TR>
<TD width=284>
<p><a href="http://cifra.forumei.net/forum-f4/" >Интернет и сети</a>
<TD width=279>
<p><a href="http://cifra.forumei.net/forum-f5/" >Мультимедиа</a>
<TD>
<p><a href="http://cifra.forumei.net/forum-f6/" > Безопасность</a></p></TR>
<TR>
<TD>
<p><a href="http://cifra.forumei.net/forum-f9/" >Графика</a>
<TD>
<p><a href="http://cifra.forumei.net/forum-f7/" >Офис</a>
<TD>
<p><a href="http://cifra.forumei.net/forum-f10/" >Драйвера</a></tr>
<TR>
<TD>
<p><a href="http://cifra.forumei.net/forum-f8/" >Утилиты</a>
<TD>
<p><a href="http://cifra.forumei.net/forum-f11/" >Операционные системы</a>
</TD></TR></TBODY></TABLE>[/i]

Добрый день. Отступ (1) можно увеличить, вставив перед тегом <table> несколько тегов <br>.
Код <br> вставляет перенос строки. Соответственно, регулировать отступ вы сможете, вставляя например не один, а два <br>.

При таком коде:

Код:

<br><br><table cellspacing="5" cellpadding="30" width="100%" border="0">
  <tbody>
    <tr>
      <td width="284">
        <p>
          <a href="http://cifra.forumei.net/forum-f4/">Интернет и сети</a>
        </p>
      </td>
      <td width="279">
        <p>
          <a href="http://cifra.forumei.net/forum-f5/">Мультимедиа</a>
        </p>
      </td>
      <td>
        <p>
          <a href="http://cifra.forumei.net/forum-f6/"> Безопасность</a>
        </p>
      </td>
    </tr>
    <tr>
      <td>
        <p>
          <a href="http://cifra.forumei.net/forum-f9/">Графика</a>
        </p>
      </td>
      <td>
        <p>
          <a href="http://cifra.forumei.net/forum-f7/">Офис</a>
        </p>
      </td>
      <td>
        <p>
          <a href="http://cifra.forumei.net/forum-f10/">Драйвера</a>
        </p>
      </td>
    </tr>
    <tr>
      <td>
        <p>
          <a href="http://cifra.forumei.net/forum-f8/">Утилиты</a>
        </p>
      </td>
      <td>
        <p>
          <a href="http://cifra.forumei.net/forum-f11/">Операционные системы</a>
        </p>
      </td>
    </tr>
  </tbody>
</table>

...будет выглядеть примерно так -:

---

Теперь об отступах (2) и (3). Тут потребуется вмешательство в css. Делаем вот что. Ну, во-первых, находим саму каскадную таблицу стилей.

Ищем так: Панель Администратора --> Оформление --> Картинки и цвета --> Цвета.

Важно! Внизу, в переключателе "Отключить базовую таблицу стилей CSS" должно стоять "да", иначе ничего не получится.
Дальше смотрим собственно css. Ищем стиль под названием ".pun table td.tcl". И добавляем туда вот такие строки:

Код:

padding-top: 20px;
padding-bottom: 20px;


• padding-top: 20px; - отступ от верхнего края.
  
• padding-bottom: 20px; - отступ от нижнего края.

Числа "20px" взяты с потолка и скорее всего будут или слишком большими или слишком маленькими. Так как вы хотели, чтобы отступы были одинаковые, то и числа подставляйте соответственно одинаковые. Не забудьте нажать "Сохранить", иначе изменения css не войдут в силу.

Вот. Должно работать.

---

А на будущее - советую овладеть таким инструментом, как Opera DragonFly. Эта надстройка оперы позволяет на лету редактировать и html и css коды страницы, позволяет отслеживать, какой участок кода отвечает за тот или иной элемент. Для разработки сайтов - бесценно.

Спойлер:

по первому вопросувсё сработало, большое спасибо
но вот по второму когда -

Отключить базовую таблицу стилей CSS" должно стоять "да",

то всё оформление форума сбрасывается, можно ли каким то другим способом это сделать?

Люди, отведте пожалуста

Это странно. Объясните - что конкретно у вас слетает? И предоставьте скрин.

Вообще-то это наверное уже вопрос к Luz. Скажите, вы уже добавляли в вашу css какие-нибудь коды?

Скажите, вы уже добавляли в вашу css какие-нибудь коды?

добавлял в окошко CSS, но не отключал базовую таблицу стилей CSS
если отключить получается следующее


а если включить то вот так http://cifra.forumei.net

Ого... Может быть, у вас повреждена таблица стилей? Попробуйте так - сначала нажмите на "Просмотр базовой таблицы CSS", скопируйте оттуда весь текст и вставьте в окошко "Каскадная таблица стилей CSS".

И ещё раз повторите описанные мною ранее изменения.

Т.е. вы просто скопируете базовую таблицу, так что по идее при вызове таблицы пользовательской будет выводиться точно такая же (она же скопированная!) css.

Советую написать в личку Luz или DanaDomirani. Эти волшебницы вам точно помогут)

Отключать таблицу не надо никогда, иначе диз полетит.
Её отключают только в том случае, если полностью переписывают на свой лад.

Попробуйте так - сначала нажмите на "Просмотр базовой таблицы CSS", скопируйте оттуда весь текст и вставьте в окошко "Каскадная таблица стилей CSS".

всё сработало , большое спасибо

Да? Странно... У меня именно так и стоит. Видимо, в какой-то момент именно так и сделал, как посоветовал.
[quote="serg450453"]

Драйкон пишет:Попробуйте так - сначала нажмите на "Просмотр базовой таблицы CSS", скопируйте оттуда весь текст и вставьте в окошко "Каскадная таблица стилей CSS".

Ну да всё равно, так намного удобнее - доступ ко всем стилям есть.

Спойлер: