За последние 24 часа нас посетили 16679 программистов и 1651 робот. Сейчас ищут 1875 программистов ...

расстояние между блоками

Тема в разделе "HTML и CSS", создана пользователем zhenia3003, 14 авг 2014.

  1. zhenia3003

    zhenia3003 Активный пользователь

    С нами с:
    20 авг 2012
    Сообщения:
    184
    Симпатии:
    3
    как уменьшить расстояние между блоками по вертикали? (стрелки на картинке)
    [​IMG]
    Код (Text):
    1.  
    2. <div style="position:relative; display:inline-block; vertical-align:top; margin-right:10px; margin-left:10px;margin-bottom:40px; margin-top:10px; width:290px;"></div
     
  2. Хыиуду

    Хыиуду Активный пользователь

    С нами с:
    3 июн 2014
    Сообщения:
    618
    Симпатии:
    5
    Либо у верхних поставить меньше margin-bottom, либо у нижних меньше margin-top (вплоть до отрицательного)
     
  3. zhenia3003

    zhenia3003 Активный пользователь

    С нами с:
    20 авг 2012
    Сообщения:
    184
    Симпатии:
    3
    блоки выводятся по циклу... margin-top в итоге уменьшит расстояние для всех 10000 блоков
     
  4. immortal.1986

    immortal.1986 Активный пользователь

    С нами с:
    24 сен 2013
    Сообщения:
    257
    Симпатии:
    0
    ну в цикле добавь у словие только для 3,5,78,987 итерации вывести блоки с маргином!
     
  5. zhenia3003

    zhenia3003 Активный пользователь

    С нами с:
    20 авг 2012
    Сообщения:
    184
    Симпатии:
    3
    ничего не понял, код в студию!
     
  6. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Смотрите такой вариант. Осёл 9 версии и ниже не поддерживает такую фишку, но если на них ставку не делаете, то подойдёт.

    P.S. Вариант второй. Дружит даже с ослом восьмой версии, но требует дополнительных элементов в разметке.
     
  7. immortal.1986

    immortal.1986 Активный пользователь

    С нами с:
    24 сен 2013
    Сообщения:
    257
    Симпатии:
    0
    if($i == 1 || $i == 4 || $i == 6785 ){
    <div style="position:relative; display:inline-block; vertical-align:top; margin-right:10px; margin-left:10px;margin-bottom:1000px; margin-top:10px; width:290px;"></div
    }
     
  8. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    попихать их в колонки?