Jump to content

four17

Newbie
  • Posts

    6
  • Joined

  • Last visited

Posts posted by four17

  1. 10 минут назад, AlexZaw сказал:

    Плохо пробовали. :)  Черновой вариант:

    
    <div class="wrap">
      <div class="card">
        <div class="card_header">Header</div>
        <div class="card_text">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi tempore incidunt obcaecati impedit nihil consequatur numquam magni perferendis, quasi voluptatem fugit ex iusto adipisci perspiciatis quos et, accusantium deleniti non.
        </div>
        <div class="card_price">
          <div class="card_price-now">9999</div>
          <div class="card_price-old">99</div>
        </div>
      </div>
      
      <div class="card">
        <div class="card_header">Header</div>
        <div class="card_text">
          Lorem ipsum dolor sit amet consectetur adipisicing elit.
        </div>
        <div class="card_price">
          <div class="card_price-now">9999</div>
          <div class="card_price-old">99</div>
        </div>
      </div>
    </div>
    
    .wrap {
      display: flex;
    }
    .card {
      padding: 20px;
      display: flex;
      flex-direction: column;
      flex-basis: 200px;
      border: 1px solid #000;
      justify-content: space-between;
      align-items: center;
    }
    .card_price {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

     

    Спасибо , но  такой результат у меня тоже получался  ))

    А нужно чтобы например описание было на одном уровне с другим описание и выровнялась к топу. как то так(

      

  2. Можно ли с помощью css выровнять блоки одинакового по уровню ? 

    вот картинка.

     image.thumb.png.0c7c7ea07834333899168987a8f0d97a.png

    Высота блока должна быть не фиксированной .Контент может быть  в любом количестве . Блоки с контентом должны быть на одном уровне .  Т.е независимо сколько символом в контенте , описание строго на одном уровнем с другим  описание  , цена на одном уровне с ценой.

    Каким способом можно реализовать данное решение ? спасибо за внимание.

  3. Всем привет, как можно реализовать такой слайдер на платформе wordpress.

    скриншот, и ссылка на источник http://www.futsaldynamo.com/ .

    image.thumb.png.162520e8d22ead3c18f2e636ba2071e0.png

    Функционал слайдера таков:  выводит 4 поста сбоку (которые мы укажем в админке ,)  и главный  большой блок слайдера это картинка  и контент текущего слайда ?

    Спасибо за внимание и помощь , благодарен любому совету.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy