Задать вопрос

dd016

Комментарии

  • Как сделать так, чтобы кнопка покупки стоял под картиной?

    @dd016 Автор вопроса
    Николай Угольников, Спасибо большое!!!
    Написано

  • Как сделать так, чтобы кнопка покупки стоял под картиной?

    @dd016 Автор вопроса
    ЕЩе проблема, я хочу добавить еще товары, в код добавил, но на сайте они встают под, а не рядом как исправить
    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
  <title>Шапка для сайта</title>
  <style>
</style>
</head>
<body>
 <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>

  <div id="block-body">

   <header>

   <!--// разметка для логотипа -->

     <div class="logo">
    <a href="index.html"><img src="images/logo.png" alt="" />
      <!-- <span class="use">Вкус</span><span class="web">Няшка</span>-->
    </a>   
     <p>Онлайн магазин продуктов</p>    
     </div>  

     <!--// разметка для нашего меню -->

     <nav class="top-menu">
     <ul>
      <div class="dropdown">
       <button class="submenu-link">Каталог<i class="fa fa-angle-down"></i></button>
          <div class="submenu-content">
            <a href="#">ОВОЩИ, ФРУКТЫ, ЯГОДЫ, ЗЕЛЕНЬ</a></li>
            <a href="#">fdddsf</a></li> 
            <a href="#">fdfddsd</a></li>
            <a href="#">fdfdd</a></li>
            <a href="#">fdfdsd</a></li>
          </div>
      </div>
       <li><a href="#">Контакты</a></li>
       <li><a href="#">Обратная связь</a></li>
       <li><a href="#">Корзина</a></li>
     </ul>  
     </nav> 

     <!--// блок с авторизацией -->

     <div class="block-top-auth">
     <p><a href="#">Вход</a></p>  
     <p><a href="#">Регистрация</a></p>  
     </div> 

   </header>

    <div id="block-content">
    	<div class="container mt-5">
       <div class="row">
         
        <div class="col-md-">
          <div class="product">
          <div class="image">
            <img src="http://placehold.it/300x400" alt="">
          </div>

          <div class="info">
            <h3>Название ава</h3>
            <div class="info-price">
            <span class="price">256<small>₸</small></span>
            <button class="add-to-cart"><ion-icon name="cart-outline"></ion-icon></button>
            </div>
          </div>
          </div>
        </div>

       </div>
       </div> 
    </div>

    <div id="block-content">
      <div class="container mt-5">
       <div class="row">
         
        <div class="col-md-">
          <div class="product">
          <div class="image">
            <img src="http://placehold.it/300x400" alt="">
          </div>

          <div class="info">
            <h3>Название ава</h3>
            <div class="info-price">
            <span class="price">256<small>₸</small></span>
            <button class="add-to-cart"><ion-icon name="cart-outline"></ion-icon></button>
            </div>
          </div>
          </div>
        </div>

       </div>
       </div> 
    </div>  

        <div id="block-content">
      <div class="container mt-5">
       <div class="row">
         
        <div class="col-md-">
          <div class="product">
          <div class="image">
            <img src="http://placehold.it/300x400" alt="">
          </div>

          <div class="info">
            <h3>Название ава</h3>
            <div class="info-price">
            <span class="price">256<small>₸</small></span>
            <button class="add-to-cart"><ion-icon name="cart-outline"></ion-icon></button>
            </div>
          </div>
          </div>
        </div>

       </div>
       </div> 
    </div>  

        <div id="block-content">
      <div class="container mt-5">
       <div class="row">
         
        <div class="col-md-">
          <div class="product">
          <div class="image">
            <img src="http://placehold.it/300x400" alt="">
          </div>

          <div class="info">
            <h3>Название ава</h3>
            <div class="info-price">
            <span class="price">256<small>₸</small></span>
            <button class="add-to-cart"><ion-icon name="cart-outline"></ion-icon></button>
            </div>
          </div>
          </div>
        </div>

       </div>
       </div> 
    </div>  


        <div id="block-content">
      <div class="container mt-5">
       <div class="row">
         
        <div class="col-md-">
          <div class="product">
          <div class="image">
            <img src="http://placehold.it/300x400" alt="">
          </div>

          <div class="info">
            <h3>Название ава</h3>
            <div class="info-price">
            <span class="price">256<small>₸</small></span>
            <button class="add-to-cart"><ion-icon name="cart-outline"></ion-icon></button>
            </div>
          </div>
          </div>
        </div>

       </div>
       </div> 
    </div>  



        <div id="block-content">
      <div class="container mt-5">
       <div class="row">
         
        <div class="col-md-">
          <div class="product">
          <div class="image">
            <img src="http://placehold.it/300x400" alt="">
          </div>

          <div class="info">
            <h3>Название ава</h3>
            <div class="info-price">
            <span class="price">256<small>₸</small></span>
            <button class="add-to-cart"><ion-icon name="cart-outline"></ion-icon></button>
            </div>
          </div>
          </div>
        </div>

       </div>
       </div> 
    </div>  


        <div id="block-content">
      <div class="container mt-5">
       <div class="row">
         
        <div class="col-md-">
          <div class="product">
          <div class="image">
            <img src="http://placehold.it/300x400" alt="">
          </div>

          <div class="info">
            <h3>Название ава</h3>
            <div class="info-price">
            <span class="price">256<small>₸</small></span>
            <button class="add-to-cart"><ion-icon name="cart-outline"></ion-icon></button>
            </div>
          </div>
          </div>
        </div>

       </div>
       </div> 
    </div>  
      
    
  </div>   
</body>
</html>
    Написано

  • Как сделать так, чтобы кнопка покупки стоял под картиной?

    @dd016 Автор вопроса
    Спасибо, а то я вручную задавал положение в пикселях, и при масштабе съезжал кнопка, а теперь норм!
    Написано

  • Боди двигается вместе с Хэдер, как исправить?

    @dd016 Автор вопроса
    Антон Литвиненко, спасибо
    Написано

  • Боди двигается вместе с Хэдер, как исправить?

    @dd016 Автор вопроса
    Ankhena, "Если вы хотите, чтобы карточка товара не была в хедере, то выньте её оттуда и напишите там, где она вам нужна."
    Да, так и хочу сделать, но не получается, отдельно вытаскивал и значение ставил, не меняется он
    Написано

  • Боди двигается вместе с Хэдер, как исправить?

    @dd016 Автор вопроса
    Антон Литвиненко, На сайте есть шапка и карточка товара, и карточка товара с размером как шапка, тоесть у них на двоих одно значение, а надо чтобы карточка был как блок отдельный
    Написано