Jump to content

Web-site Development

Making the web cool


Subforums

  1. Web Design

    Making web beautiful and comfortable

    72
    posts

143 questions in this forum

  1. Не отображается готовый сайт.

    0 votes
    3 answers
  2. Калькулятор курса в реальном времени

    0 votes
    1 answer
  3. если не нажимается T в VSCode?

    0 votes
    0 answers
  4. Как работает кеширование сайта?

    0 votes
    3 answers
  5. css чтобы менялся фон при наведении на середину блока

    0 votes
    0 answers
  6. Странная задача без CSS

    0 votes
    1 answer
  7. Каким образом можно ускорить загрузку сайта по гугл PageSpeed ?

    0 votes
    1 answer
  8. Движок для википедии

    0 votes
    1 answer
  9. Оценить срочность проекта

    0 votes
    1 answer
  10. Подскажите на какой cms сделан сайт

    0 votes
    2 answers
  11. Публикация последних видео с нескольких каналов на сайт

    0 votes
    1 answer
  12. Не компилируется SASS в CSS

    0 votes
    1 answer
  13. Каким образом можно ускорить загрузку сайта на Bitrix?

    0 votes
    1 answer
  14. Помощь с sublime text 3

    0 votes
    2 answers
  15. Помогите с регулярками

    0 votes
    1 answer
  16. Каким образом можно ускорить загрузку сайта по гугл PageSpeed ?

    0 votes
    1 answer
  17. Аудит MySQL движка

    0 votes
    1 answer
  18. Как реализовать аудио плеер на сайте?

    0 votes
    3 answers
  19. центрирование меню по середине

    0 votes
    2 answers
  20. Как сделать онлайн-радио на сайте

    0 votes
    3 answers
  21. netmap.net - VPN Сервис OpenVPN, PPTP, L2TP/IPsec

    0 votes
    2 answers
  22. Как сверстать такое (волна с тенью)?

    0 votes
    14 answers
  23. Нужен слайдер

    0 votes
    2 answers
  24. Помогите поправить меню

    0 votes
    3 answers
  25. Css height в процентах от ширины?

    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