Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification


4,703 questions in this forum

  1. Полезные ссылки

    0 votes
    36 answers
  2. Книги по JavaScript

    0 votes
    134 answers
  3. FAQ по JavaScript

    0 votes
    3 answers
  4. Как передать значение из поля в поле?

    0 votes
    1 answer
  5. Кастомный выпадающий список стран при помощи API

    0 votes
    0 answers
  6. Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри?

    0 votes
    1 answer
  7. Как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук?

    0 votes
    1 answer
  8. Как сделать, чтобы табы переключались с помощью кнопок?

    0 votes
    0 answers
  9. Новичёк нужна помощь

    0 votes
    1 answer
  10. Новичёк, помогите с задачей

    0 votes
    1 answer
  11. Удаление стиля

    0 votes
    1 answer
  12. Проблема с обработкой стилей Gulp

    0 votes
    0 answers
  13. Проблема с ссылками при прокрутке

    0 votes
    4 answers
  14. конфликт utf8 и windows1251 Опенкарт

    0 votes
    2 answers
  15. Помогите объединить два очень интересных скрипта

    0 votes
    0 answers
  16. js, css - анимация

    0 votes
    1 answer
  17. создании списка роликов с youtuba

    0 votes
    0 answers
  18. Возврат объекта

    0 votes
    2 answers
  19. Вывод результата функции в Textarea

    0 votes
    1 answer
  20. Переход на сайт с последующим имитированием клика

    0 votes
    1 answer
  21. Скрипт добавления <style> к <body> при открытии модального окна

    0 votes
    0 answers
  22. Как сделать выполнение скрипта только при разрешении экрана < 992 px

    0 votes
    2 answers
  23. Как прибавить число

    0 votes
    6 answers
  24. Как взять два значения из таблицы другого сайта?

    0 votes
    2 answers
  25. Копирование страницы с другого сайта с обновлением контента

    0 votes
    1 answer
  • Обсуждения

    • Скорей всего потому что использование атрибутов устарело. Пользуйтесь классами http://htmlbook.ru/samcss
    • Добрый день. Подскажите, пожалуйста, почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>? Сам код работает, но слово align выделяется ярко-красным, что в VS code говорит об ошибке. <p>             <p align="right">                2014             </p>
    • https://codepen.io/Switch74/pen/rNJpvLQ меняете размеры бордюра с 10px под свои и в background прописываете свои картинки с нужными repeat для верхнего и нижнего по горизонтали, для левого и правого по вертикали
    • Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как
    • .tabs>input[type="radio"]:checked+label {   background-color: #fff;   border-bottom: 1px solid #fff; } Здесь и делаете стили для изменения нажатого таба если я правильно понял
    • все файлы должны быть в одной папке некоторые ссылки ссылаются на локальный компьютер - этого не должно быть некоторые маленькие картинки грузят очень большие файлы перепутанные ссылки - это скорее всего ваша ошибка
    • Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи,  есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом      <div class="tabs">              <input type="radio" name="tab-btn" id="tab-btn-1" value="">              <label for="tab-btn-1">Свадьба</label>              <input type="radio" name="tab-btn" id="tab-btn-2" value="">              <label for="tab-btn-2">Мужу</label>              <input type="radio" name="tab-btn" id="tab-btn-3" value="">              <label for="tab-btn-3">Жене</label>              <input type="radio" name="tab-btn" id="tab-btn-4" value="">              <label for="tab-btn-4">Партнеру</label>              <input type="radio" name="tab-btn" id="tab-btn-5" value="">              <label for="tab-btn-5">Коллекции</label>              <input type="radio" name="tab-btn" id="tab-btn-6" value="">              <label for="tab-btn-6">Редкость</label>                            <div id="content-1">                <img src="images/Kolca1.png" alt="Кольца" class="kolca">                <p class="kolca11">Кольца</p>              </div>              <div id="content-2">                Содержимое 2              </div>              <div id="content-3">                Содержимое 3              </div>              <div id="content-4">                Содержимое 4              </div>              <div id="content-5">                Содержимое 5              </div>              <div id="content-6">                Содержимое 6              </div>     </div>   CSS code .tabs {   top: 1100px;   position: absolute;   left: 600px;   font-size: 50px; } .tabs>input[type="radio"] {   display: none; }   .tabs>div {   /* скрыть контент по умолчанию */   display: none;   border: 1px solid #e0e0e0;   padding: 10px 15px;   font-size: 16px; }   /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */ #tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5, #tab-btn-6:checked~#content-6{   display: block; }   .tabs>label {   display: inline-block;   text-align: center;   vertical-align: middle;   user-select: none;   background-color: #f5f5f5;   border: 1px solid #e0e0e0;   padding: 2px 8px;   font-size: 16px;   line-height: 1.5;   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;   cursor: pointer;   position: relative;   top: 1px;     font-family: 'Gilroy';   font-style: normal;   font-weight: 500;   font-size: 18px;   line-height: 21px;   text-align: center;   letter-spacing: 0.1em;   text-transform: uppercase; }   .tabs>label:not(:first-of-type) {   border-left: none; }   .tabs>input[type="radio"]:checked+label {   background-color: #fff;   border-bottom: 1px solid #fff; }  
×
×
  • 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