Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification


4,703 questions in this forum

  1. Книги по JavaScript

    0 votes
    134 answers
  2. Полезные ссылки

    0 votes
    36 answers
  3. FAQ по JavaScript

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

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

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

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

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

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

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

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

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

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

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

    0 votes
    0 answers
  15. создании списка роликов с youtuba

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

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

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

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

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

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

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

    0 votes
    1 answer
  23. Нужна помощь с учебой

    0 votes
    0 answers
  24. Не могу решить проблему TypeError: Cannot set property 'innerHTML' of null

    0 votes
    2 answers
  25. Как отменить действие по повторному нажатию на кнопку?

    0 votes
    3 answers
  • Обсуждения

    • Скорей всего потому что использование атрибутов устарело. Пользуйтесь классами 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