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

Andrew

Комментарии

  • Как реализовать закрытие спойлера?

    f3d0t
    @f3d0t
    Нет нет, вам нужно заменить именно последний скрипт , в общем, прикрепляю полный рабочий код.

    Изменение шрифта в коде html файла происходит через атрибут style у тегов с текстом Вот тут есть пример

    Рабочий код:
    <!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">

  <title>Спойлер</title>
  <style>
  
 
  
   .spoiler input, .spoiler div  { 
    display: none; /* Скрываем содержимое */
   }
   .spoiler label::before {
    content: '+' ; /* Текст перед заголовком */
    margin-right: 5px; /* Расстояние до текста */
  font-size: 25px
   }
   /* Открытый спойлер */
    .spoiler--active div {display:block;padding:10px;}
    .spoiler--active label:before {content:'×';}
   }
  hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: black; /* Цвет линии для остальных браузеров */
    background-color: black; /* Цвет линии для браузера Firefox и Opera */
    height: 2px; /* Толщина линии */
   }
  </style>


 
 </head> 
 <body>
  <div class="spoiler">
   <input type="checkbox" id="spoiler1">
   <label for="spoiler1"><font size="4"  face='Open Sans'> Чем SUPERNOVA лучше других онлайн школ?</font> </label>
   <div><font size="4"  face="Open Sans">Выпадающий ответ</font></div>
    <hr> 
</div>
   
 <div class="spoiler">
   
   <input type="checkbox" id="spoiler2">
   <label for="spoiler2"><font size="4"  face='Open Sans'> Как мы подбираем педагогов?</font> </label>
   	<div><font size="4"  face="Open Sans">Выпадающий ответ</font></div>
  <hr>
 </div>
 <div class="spoiler">
   <input type="checkbox" id="spoiler3">
   <label for="spoiler3"><font size="4"  face='Open Sans'> Какие учебные пособия используются на занятиях?</font> </label>
   <div><font size="4"  face="Open Sans">Выпадающий ответ</font></div>
  <hr>
 </div>
 <div class="spoiler">
   <input type="checkbox" id="spoiler4">
   <label for="spoiler4"><font size="4"  face='Open Sans'> Что такое конструктор MY-Ed? И как это работает?</font> </label>
   <div><font size="4"  face="Open Sans">Выпадающий ответ</font></div>
  <hr>
 </div>
<div class="spoiler">
   <input type="checkbox" id="spoiler5">
   <label for="spoiler5"><font size="4"  face='Open Sans'> Как я могу заключить договор на обучение?</font> </label>
   <div><font size="4"  face="Open Sans">Выпадающий ответ</font></div>
  <hr>
 </div>
<div class="spoiler">
   <input type="checkbox" id="spoiler6">
   <label for="spoiler6"><font size="4"  face='Open Sans'> Могу ли я оплатить обучение ребенка материнским капиталом?</font> </label>
   <div><font size="4"  face="Open Sans">Выпадающий ответ</font></div>
  <hr>
 </div>
<div class="spoiler">
   <input type="checkbox" id="spoiler7">
   <label for="spoiler7"><font size="4"  face='Open Sans'> Предоставляете ли вы документы для оформления налогового вычета?</font> </label>
   <div><font size="4"  face="Open Sans">Выпадающий ответ</font></div>
  <hr>
 </div>
 <script
  src="https://code.jquery.com/jquery-3.4.1.min.js" 
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" 
  crossorigin="anonymous">
</script>
<script type="text/javascript">
    $(".spoiler").click(function (e) {
  e.preventDefault();
  if ($(this).hasClass("spoiler--active") === false) {
    $(".spoiler").removeClass("spoiler--active");
    $(this).addClass("spoiler--active");
  } else {
    $(this).removeClass("spoiler--active");
  }
});
  
</script>

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

  • Почему не работает overflow: auto?

    f3d0t
    @f3d0t
    слишком мало вводных, по картинке ничего не понять. Пришлите, пожалуйста, ссылку на страничку, либо на фидл с этой табличкой
    Написано

  • Как сделать редактор HTML-разметки в браузере?

    f3d0t
    @f3d0t
    у Вас в коде в функции call после второго getElementById в скобках должна быть строка с айди элемента
    Написано

  • Как в CSS GRID сделать n-е количество блоков где ширина каждого = ширине максимального?

    f3d0t
    @f3d0t
    В указанном примере вообще не испольpуется CSS grid ...
    Написано

  • Как задать ширину таблицы, вводя ширину из input?

    f3d0t
    @f3d0t
    а ещё, пишется не widht, а width =)) но я и сам так раньше путался)
    Написано

  • Как задать ширину таблицы, вводя ширину из input?

    f3d0t
    @f3d0t
    Добрый. Вы ширину в пикселях задаете?
    Написано

  • Какие ошибки при настройке favicon допущены?

    f3d0t
    @f3d0t
    хотелось бы увидеть примеры когда она не работает.
    Написано