>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Как делается отступ в блоках?

голоса: 0

Здравствуйте. Создал собственное меню в блок, но как сделать отступ прописной командой я не знаю.

Вот часть меню, для примера:<tr>
 <td style="border: 1px solid black; background:url(/plaza_web/fon_red.png); text-align: center;"><strong><font face="Verdana"><font style="font-size:10pt"><span style="color:#ffffff">Оформление</span></font></font></strong></td>
</tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
<td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/gui_cs16/complete_sets"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px /"></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/gui_cs16/complete_sets"><span style="color:#ffffff" title="Полные наборы всех графических элементов GUI для CS 1.6">Полные наборы GUI</span></a></font></font></td>
</tr>

Как тут наверное понятно, отступ я использую с помощью <tr> и </tr>, чтобы между окнами было примерно 5px. Как мне использовать отступ с помощью одной прописной команды? Должна же быть такая команда..
Спасибо.

Адрес сайта http://plaza-cs.ru/
| Автор: | Категория: Дизайн сайта
Редактирование | | Автор: Максим Чикуров

Ответов: 1

голоса: 0

Изучите ответ - здесь, отступ для tr можно задать стилями и не нужно дублировать после много лишних ячеек.

| Автор:

Если мне нужен отступ, то я просто вставляю в CSS это:

 td, tr {   display: inline-block; } td {   border-radius: 10px; } tr {   margin-top: 5px; }

Как это все правильно сделать ?

| Автор:
Максим Чикуров,
Установите ваше меню на сайте, мне чтобы вам ответить более точно нужно видеть реальный пример и после подсказать для вас решение.
| Автор:
Yuri_Geruk,

Вот такие вот самоделки..
Тоесть как тут можно понять, я несколькими </tr><tr> делаю отступ..
На сайте каждый блок меню аналогичен, везде так..

<!-- <block5> -->
<div id="table_block_right"><div id="top_block_right"><span style="color:00ccff; font-family: Verdana; font-size: 11pt; font-weight: bold;">Все для клиента CS 1.6</span></div> 
<div id="middle_block_right"><!-- <bc> --><div class="bnav"> 
<table border="0" cellpadding="1" cellspacing="1" style="height:18px;width:234px;">
<tbody>
 <tr>
 <td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/page_skins"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px" /></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/page_skins"><span style="color:#ffffff" title="Различные скины игроков для Counter-Strike 1.6">Скины игроков</span></a></font></font></td>
</tr>
 <tr>
 <td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/page_sprites"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px" /></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/page_sprites"><span style="color:#ffffff" title="Дополнения к игре различных графических элементов">Спрайты</span></a></font></font></td>
</tr>
 <tr>
 <td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/mechanics_cs16/sprays"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px" /></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/mechanics_cs16/sprays"><span style="color:#ffffff" title="Разнообразные спреи (лого) для Counter-Strike 1.6">Спреи (лого)</span></a></font></font></td>
</tr>
 <tr>
 <td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/page_maps"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px" /></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/page_maps"><span style="color:#ffffff" title="Все карты для Counter-Strike 1.6">Карты</span></a></font></font></td>
</tr>
 <tr>
 <td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/mechanics_cs16/bots"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px" /></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/mechanics_cs16/bots"><span style="color:#ffffff" title="Визуальные противники для Counter-Strike 1.6">Боты</span></a></font></font></td>
</tr>
 <tr>
 <td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/russification_cs16"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px" /></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/russification_cs16"><span style="color:#ffffff" title="Русификация для Counter-Strike 1.6">Русификатор</span></a></font></font></td>
</tr>
 <tr>
 <td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/mechanics_cs16/programs"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px" /></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/mechanics_cs16/programs"><span style="color:#ffffff" title="Различные программы для Counter-Strike 1.6">Программы</span></a></font></font></td>
</tr>
<tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
<tr>
 <td style="border: 1px solid black; background:url(/plaza_web/fon_red.png); text-align: center;"><strong><font face="Verdana"><font style="font-size:10pt"><span style="color:#ffffff">Оформление</span></font></font></strong></td>
</tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
 </tr>
 <tr>
<td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/gui_cs16/complete_sets"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px /"></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/gui_cs16/complete_sets"><span style="color:#ffffff" title="Полные наборы всех графических элементов GUI для CS 1.6">Полные наборы GUI</span></a></font></font></td>
</tr>
 <tr>
<td style="border: 1px solid black;background:url(/plaza_web/fon_menu2.jpg);"><a href="/gui_cs16/hud"><sub><img alt="" src="/ico/file.png" style="width:18px; height:18px /"></sub> </a><font face="Verdana"><font style="font-size: 10pt;"><a href="/gui_cs16/hud"><span style="color:#ffffff" title="Элементы интерфейса для CS 1.6">HUD - Интерфейс</span></a></font></font></td>
 </tr>
</tbody>
</table>
</div><!-- </bc> --></div> 
<div id="bottom_block_right"></div> 
</div>
<!-- </block5> -->

| Автор:
Yuri_Geruk,
Поможете, Юрий ?
| Автор:
Максим Чикуров,

Стилями делается примерно вот так:

.bnav table {border-spacing: 2px;}

| Автор:
Yuri_Geruk,
Понял. А если не стилями, то есть код отступа просто для управления дизайном..?
| Автор:
Максим Чикуров,
Если не стилями, то лишь cellspacing https://webref.ru/html/table/cellspacing
| Автор:
...