Отступ в таблице.

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем IgorVS, 26 дек 2013.

Статус темы:
Закрыта.
  1. IgorVS

    IgorVS

    Регистрация:
    23 окт 2013
    Сообщения:
    74
    Симпатии:
    17
    Приветствую.
    Есть таблица.
    Вывод получается такой.
    Тоесть td у нас вертикальные столбцы выводятся.
    Нужно перед и после этого блока сделать отступы, что бы выделить блок.
    Пробовал вставлять различные теги отступов и размеров, много чего, но или криво получается, или таблица их игнорирует.
    Пока придумал только вставить прозрачные картинки заданной высоты, что бы они смещали текст куда надо. Строка.
    PHP:
                           <br />  <img src="catalog/view/theme/default/image/Картинка.png" />
    Но как то выглядит это всё через задницу.
    Можно как то сделать более нормально? Может я что то незнаю.
    --- Добавлено, 26 дек 2013 ---
    В общем ничего у меня и с картинкой неполучилось.
    Там проблема вот в чём. Добавить отступы я так и несмог. Они или работают неправильно, или игнорируются браузером.
    Если я вставляю ещё одну строку, то немогу для этой строки задать высоту, буквы по высоте меняются, а вот тег br ни в какую, как неставил он всёравно отрабатывается по общему размеру шрифта для страницы, а это почти в три раза больше необходимого.
    Отсюда вопрос, как задать в этой таблице отступы между горизонтальными блоками?
    --- Добавлено, 26 дек 2013 ---
    Добавлю поясняющую картинку.
    Вот картинка. Красным нарисовано как выводится, синим мои пояснения.
    [​IMG]
    Ссылку на сайт недам, он у меня на локальном компьютере, но если нужен какой код, без проблем.
     
    Последнее редактирование: 26 дек 2013
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    560
    В данном случаи у Вас идет разрыв не td, а tr. Поэтому попробуйде дать ему стиль table > tr{padding-top:40px;vertical-align:top;}
     
    yoda4 и IgorVS нравится это.
  3. IgorVS

    IgorVS

    Регистрация:
    23 окт 2013
    Сообщения:
    74
    Симпатии:
    17
    Благодарю, мне уже помогли решить вопрос вот так.
    У меня там выходит конструкция вида.
    PHP:
    <table cellpadding="2" cellspacing="0" style="width: 100%;">
       <
    tr>
         <
    td valign="top" style="width:1px">Картинка</td>
         <
    td valign="top">Описание.
           <
    br />цена кнопка.
         </
    td>
       </
    tr>
       <
    tr>
         <
    td colspan="2"></td>
       </
    tr>
    </
    table>
    Как видно из кода я добавил.
    PHP:
       <tr>
         <
    td colspan="2"></td>
       </
    tr>
    А в файл css вставил.
    PHP:
    td[colspan="2"]{
    height:40px
    }
    Тема решена.
     
    Последнее редактирование: 27 дек 2013
Статус темы:
Закрыта.