Ответы пользователя по тегу HTML
  • Как сделать вывод информации из JSON не строкой, а списком?

    airman66
    @airman66
    [|]
    let lisString = "";
    for (const company of json.companies) {
        const li = `<li>${company}</li>`;
        lisString+=li;
    }
    document.getElementById("companies").innerHTML = lisString;

    Примерно такой код надо вставить в success. Только учтите, что необходимо элемент с id companies сделать ul. Проверьте такой вариант. Он должен работать если тот код, который есть сейчас работает исправно
    Ответ написан
    3 комментария
  • Автозаполнение HTML VSCode при нажатии tab?

    airman66
    @airman66
    [|]
    Используйте emmet. Пишите название тега и жмите TAB. У emmet ещё очень много возможностей, изучите их
    Ответ написан
    Комментировать
  • Почему один div чуть больше другого?

    airman66
    @airman66
    [|]
    Там на один пиксель позже начинает идти второй div, так как 1 px - левый бордер. Это можно исправить следующим кодом:
    .div1 {
      width: 50px;
      height: 30px;
      position: relative;
      left: -1px;
      border: 1px solid green;
    }
    
    .div2 {
      top: 105%;
      width: 50px;
      height: 30px;
      position: absolute;
      left: -1px;
      border: 1px solid red;
    }


    То есть, мы каждый блок отводим влево на 1px, что компенсирует их бордер
    Ответ написан
    Комментировать
  • Почему абзацы покрашены в шахматном порядке?Хочу сделать без серого фона, но в css не нашел, что можно изменить?

    airman66
    @airman66
    [|]
    Замени html код на этот:
    <h1 class="pricing-table-title">Тарифные планы</h1>
    
     	  <div class="pricing-table">
     	    <h3 class="pricing-title">мониторинг</h3>
     	    <div class="price">₽<sup>/ до <br></br></sup></div>
     	    <!-- Lista de Caracteristicas / Propiedades -->
     	    <ul class="table-list">
     	      <li><span>Цены </span></li>
     	      <li><span>Свойства </span></li>
     	      <li><span>Клас</span></li>
     	    </ul>
     	    <!-- Contratar / Comprar -->
     	    <div class="table-buy">
     	      <p><sup></sup></p>
     	      <a href="#" class="pricing-action">Comprar</a>
     	    </div>
     	  </div>
    
     	  <div class="pricing-table">
     	    <h3 class="pricing-title">Про</h3>
     	    <div class="price">₽<sup>/ до</sup></div>
     	    <!-- Lista de Caracteristicas / Propiedades -->
     	    <ul class="table-list">
     	      <li><span>Цены</span></li>
     	      <li><span>Свойствае</span></li>
     	      <li><span>Д</span></li>
     	    </ul>
     	    <!-- Contratar / Comprar -->
     	    <div class="table-buy">
     	      <p><sup></sup></p>
     	      <a href="#" class="pricing-action">Comprar</a>
     	    </div>
         </div>
     	  <div class="pricing-table">
     	    <h3 class="pricing-title">Проф</h3>
     	    <div class="price"><sup>/ дов</sup></div>
     	    <!-- Lista de Caracteristicas / Propiedades -->
     	    <ul class="table-list">
     	      <li><span>Цены</span></li>
     	      <li><span>Свойства </span></li>
     	      <li><span>Детал</span></li>
     	      <li><span>От </span></li>
     	    </ul>
           <!-- Contratar / Comprar -->
           
     	    <div class="table-buy">
     	      <p><sup></sup></p>
     	      <a href="#" class="pricing-action">Comprar</a>
     	    </div>
         </div>
         <div class="pricing-table">
           <h3 class="pricing-title">Бизнес-мониторинг</h3>
           <div class="price">₽<sup>/ до</sup></div>
           <!-- Lista de Caracteristicas / Propiedades -->
           <ul class="table-list">
            <li><span>Цены</span></li>
            <li><span>Свойства</span></li>
             <li><span>Детализированная в</span></li>
             <li><span>Отчет</span></li>
             <li><span>Анализ </span></li>
             <li><span>Сравнение </span></li>
             <li><span>План ы</span></li>
           </ul>
           <!-- Contratar / Comprar -->
           <div class="table-buy">
             <p><sup></sup></p>
             <a href="#" class="pricing-action">Comprar</a>
           </div>
         </div>
       </div>
    Ответ написан
  • Так как же пользоваться viewport'ом?

    airman66
    @airman66
    [|]
    Здесь только один вариант: сделать сайт адаптивным через @media.
    Ответ написан
  • Как перенести данные с javascript на HTML. Сложно ли это сделать?

    airman66
    @airman66
    [|]
    Если я правильно понял, то ты записываешь значения переменных в объект document вместо того, чтобы записать эти значения в дивы, которые можно стилизовать через CSS. Если что записывать в них через js вот так:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Донат</title>
    <meta charset="utf-8">
    </head>
    <body>
       <div class="name"></div>
       <div class="num"></div>
       <div class="currency"></div>
       <script>
         let name = "имя";
         let num = 100;
         let currency = "RUB";
         document.querySelector(".name").innerHTML = name;
    document.querySelector(".num").innerHTML = num;
    document.querySelector(".currency").innerHTML = currency;
      </script>
    </body>
    </html>
    Ответ написан
  • Как поставить два блока на одну строку?

    airman66
    @airman66
    [|]
    Если я правильно понял вопрос , то надо эти два элемента упаковать в div и задать ему стили
    display: flex;
    Ответ написан
    Комментировать