HTML Coding

29,542 questions in this forum

1. oveflow-y: scroll когда не влазит динамический контент

   Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля) Подробнее: Есть попап. На мобилках он отображается на всю высоту экрана. Его низ должен быть всегда прижат (к низу). Но усложняет задачу то что могут появляться динамические поля Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена. При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки. Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему? Пробовал делать флексбок…

   Asked by yaparoff, March 21, 2019

   0 votes
   5 answers
2. Как правильно задавать расстояние между однотипными блоками

   Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…

   Asked by BezMizinca, March 23, 2019

   0 votes
   5 answers
3. Проверка Формы на пустоту.

   Добрый день! Помогите, пожалуйста, мне нужно сделать так, что-бы форма не отправлялась мне на мыло пустая, а чтоб проверялась на пустоту... <div id="order" class="popup"> <a href="#" onclick="cart.closeWindow('order', 0)" style="float:right">[Закрыть]</a> <h4>Введите данные</h4> <form id="formToSend"> <input id="fio" type="text" placeholder="Имя" class="text-input" /> <input id="city" type="text" placeholder="Район Риги" class="text-input"/> <input id="phone" type="text" placeholder="Контактный телефон" class="text-input"/> …

   Asked by mrvelan, May 24, 2019

   • форма
   • проверка
   • пустота
   0 votes
   5 answers
4. Элементы по центру в html5

   Всем привет! Как правильно расположить элементы по центру страницы в html 5? Читаю тут http://htmlbook.ru/html/center что <center> в html5 запрещен, тут http://htmlbook.ru/html/div/align что <div align="center"></div> тоже не айс (написано - осуждается... что?). Так как же нужно центрировать элементы в html5? У меня есть, например, input, как тогда мне поместить его по центру страницы?

   Asked by Someone, June 25, 2019

   0 votes
   5 answers
5. Поместить кнопку внутрь блока

   Как всегда я % 80 смог сделать а дальше не тащу вообще. В общем как сделать чтобы "Кнопка" была внутри фиолетового контейнера но не помещая ее в <div class=main></div> ? https://jsfiddle.net/4Lepbdnr/

   Asked by Неугомонный, July 27, 2019

   0 votes
   5 answers
6. Позиционирование содержимого

   Посмотрите пожалуйста, на данный скрин На данной странице, я закрепил - содержание - к экрану 2 вопроса: Если я оставлю ссылки слева, то последняя глава останется в блоке, и не будет залезать на общий текст,а если переношу на права, то как видите накладывается текст на текст Почему "Содержание!!!" осталось слева ? <nav class="content"> <h2>Содержание!!!</h2><br> <a href="..." class="href">ссылки</a> </nav> css .content{ background: #fff; position: sticky; top:0; padding-bottom: 20px; padd…

   Asked by BblIIIu6aJIa>onlypro, July 31, 2019

   0 votes
   5 answers
7. Альтернативный вариант верстки секции

   Добрый вечер, ребят. Нужно было сверстать секцию(см. картинку). Долго думал как вот это вот все можно реализовать и таки набросал черновой вариант. Собственно у меня вопрос: можно ли это сверстать как-то попроще ? Ну и в дополнение к вопросу, кому не сложно, можете оценить верстку?

   Asked by no__name, August 13, 2019

   0 votes
   5 answers
8. Помогите найти причину

   Здравствуйте, подскажите, пожалуйста, в чем может быть проблема: при вертске, блоки текста имеют совсем иные переносы нежели на макете. Шрифт, насыщенность(font-weight), размер - все как на макете, но что-то, видимо, все равно не так.

   Asked by Valery Subbotin, August 23, 2019

   • html
   • css
   • text
   • начинающий
   0 votes
   5 answers
9. Float: both. Миф или реальность?

   В одном из источников набрёл на both в списке возможных значений для атрибута float. Это какая-то ошибка или реально интерпретируется каким-нибудь браузером?

   Asked by rasmus, August 25, 2019

   0 votes
   5 answers
10. Помогите разобраться. (разрешение экрана)

    Всем привет. У меня при верстке сайта по уроку возникла проблема. Сверстал все один в один (перепроверил несколько раз), но по итогу получается смещение элементов. Из за чего такое может произойти? Ссылку на скрин оставлю ниже (1левый экран то как у него, а (2)правый то как у меня) Скрин для наглядности, чтобы понять о чем я. Spoiler https://ibb.co/88wDBzq

    Asked by Flex12, September 1, 2019

    • html
    • css
    • чайник
    0 votes
    5 answers
11. Из чего состоят сайты 2019?

    Всем привет. У меня тут глупый вопрос появился... Вот В общем то и он - из чего состоят сайты в 2019 году? А если подробнее, то я начал изучать создание сайтов. По началу казалось все очень легко. Совместил html+css и получил одностраничник. Но углубившись в эту тему там всплыло столько всего - бутсрап, препроцессоры, sql, js и так далее. Что из всего этого нужно учить после html и css? Какая у меня цель? Выйти на фриланс и зарабатывать на пропитание... (Извиняюсь если налил много фигни, жизнь без сна дает о себе знать)

    Asked by Flex12, October 10, 2019

    0 votes
    5 answers
12. Как делаются фильтры для продуктов на сайтах?

    Здравствуйте. До сегодняшнего дня, я только занимался версткой макетов, и не совсем понимаю как в принципе после верстки сайты оживают и начинают работать. Вот например, я сверстал карточки товаров, и там есть сортировка, но понятия не имею как его делать. Там есть формы: - Дата начала аренды - Дата конца аренды - Тип транспорта - Цвет - Вместимость - Грузоподъемность Буду очень благодарен тому кто распишет как все это работает, а то понять не могу, что-то для меня это совсем темное и туманное....

    Asked by 6eJlbIu, November 20, 2019

    0 votes
    5 answers
13. Задействовать DIV и SPAN в скрипте

    В Яве полный ноль, помогите: имеется скрипт, в котором обрабатываются div c определенным тайтлом. Но нужно задействовать еще и span с тем же тайтлом. Код тут: <script> function getElementsByNameNew(tag, title) { var elem = document.getElementsByTagName(tag); var arr = new Array(); for(i = 0,iarr = 0; i < elem.length; i++) { att = elem[i].getAttribute("title"); if(att == title) { arr[iarr] = elem[i]; iarr++; } } return arr; } </script> <script> function Hidd() { //var hiddenElements = document.getElementsByName(); var hiddenElements = getElementsByNameNew('div','hidden'); if(hiddenElements[0].style.display == 'none') { var pass = prompt('Вв…

    Asked by Joerrigo, November 22, 2019

    • скрипт
    • ява
    0 votes
    5 answers
14. Помогите настроить меню сайта

    Всем добрый день, установил шаблон на домен mybublik.ru . Вроде все хорошо, но на айфонах когда смотришь и нажимаешь бутер, то меню прячется за главный баннер сайта (на андройде такого нет). Подскажите в чем причина и как поправить) Приложил два скрина (первый с андройда, второй с айфона там и видно проблему)

    Asked by Илья92, December 12, 2019

    0 votes
    5 answers
15. стили внутри других стилей ?

    подскажите пожалуйста, как сделать так чтобы при наведении курсора на b-2 или b-3 или b-4 или b-5 цвет заднего фона b-1 становился былым ? https://codepen.io/FreshManGood/pen/xxbrBPZ?editors=1100 логичнее было бы сделать вот так .container-blocks .block-2:hover, .container-blocks .block-3:hover, .container-blocks .block-4:hover, .container-blocks .block-5:hover{ background-color:green; .container-blocks .block-1{ background-color:red; } } но так нельзя можна ли решить данную задачу на чистом CSS ?

    Asked by FreshMan, December 26, 2019

    0 votes
    5 answers
16. При наведение мышки на ссылку изменить фон другого элемента.

    .price__link:hover .price__title { background-color: #49cbcd; } Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? Скрытый текст <div class="price__item"> <div class="price__title"> Basic </div> <div class="price__cost"> $5.01/ Month </div> <div class…

    Asked by Genazb, February 17, 2020

    0 votes
    5 answers
17. Проблемы с плавной анимацией градиента

    Нужно чтобы при наведении курсора на кнопку-ссылку, тело кнопки плавно заполнялось светло красным цветом влево, а когда курсор убрали с кнопки, то светло красный цвет плавно уползал обратно. Как такое сделать? У меня получается только стартовать начальную анимацию при ховере https://codepen.io/l1nx/pen/xxGrwrW

    Asked by L1nx, March 2, 2020

    0 votes
    5 answers
18. Вложенность элементов Css

    Вопрос новичка :) В зависимости от положения запятой в css коде получается разный результат на выходе. Кто может разъяснить принцип, по которому они ставятся. Например, почему (p, .main span a) и (p .main, span a) отображаются по разному. Я понимаю что так и должно быть, но почему? По какому принципу? Внизу я прикрепил скриншоты - коды и результаты

    Asked by Antonezo, April 27, 2020

    • css
    • бвложенность тегов
    • дочерние
    0 votes
    5 answers
19. Сделать ссылку не из текста, а из кнопки

    Как видно на фото, ссылка доступна только по тексту, а если нажать на саму кнопку-ничего не происходит. Помогите, пожалуйста, исправить это, код прилагается: <div id="connect" class="connect-header" bis_skin_checked="1"> <button type="button" style=" display: inline-block; background: #00aeff; color: white; width: 100%; height: 50px; border: 0; cursor: pointer; border-radius: 12px; margin-top: 5px; "><a href="http://aqua-pure.pp.ua/index.php?route=information/contact"><i class="material-icons" style=" color: white; ">call</i><span style=" color: white; ">Оставить заявку</span>&lt…

    Asked by GreenAurora, May 28, 2020

    0 votes
    5 answers
20. Переход на анкор с другой страницы

    Ребята, всем доброго времени суток, выручайте, делаю свой первый сайт и понимаю ничего:) Сабж, у меня есть главная страница, index.php, на ней есть разделы-анкоры, всякие там "О компании", "Услуги" и.т.д. Менюшка сверху, соответственно, их повторяет. По клику на менюшку, страница скроллится до нужного анкора. Просто-таки шоколад. Но в чем проблема. Менюшка одинакова на всех страницах и мне надо сделать так, чтобы с других страниц по клику на пункт меню открывало мой index.php на нужном анкоре. Собсна, мои познания во всем этом очень неочень. Первое что пришло в голову, прописать в менюшке href="/index.php/#box1" вместо просто #box1, но работает криво, перекидывает на анко…

    Asked by html__noob, September 19, 2020

    • php
    0 votes
    5 answers
21. Gulp-webp-css игнорирует background:none,

    Верстаю шаблон в VS Code с Gulp, возникла необходимость убрать иконку при уменьшении экрана через background:none через @media (max-width: $md1+px) { background: none; padding: 0; }. В результате background не пропадает, принудительно выводит изображение не смотря на background:none: В webpcss в gulpfile .pipe(webpcss({ webpClass: '', noWebpClass: '.no-webp' })). Не знаю, как решить эту задачу.

    Asked by виктория new, December 7, 2020

    0 votes
    5 answers
22. Наложение flex элементов друг на друга

    Приветствую, не судите пожалуйста строго, я начинающий верстальщик, итак, при вёрстке сайта столкнулся с проблемой, имеется изображение поверх надо наложить пару flex элементов, но ни как не получается, они вытесняют друг друга, margin и background использовать нельзя, изображение обязательно должно быть в теге img а блок контейнер резиновый т.е. без указания абсолютных величин, одним словом должно получиться так как на картинке.

    Asked by Махардзе Иосиф, January 7, 2021

    • flex
    0 votes
    5 answers
23. Почему не отображается картинка

    Я не могу вставить изображение .Пишет ошибку файла и выдаёт альтернативу вот код.Файл в тоже папке и название 1.img <html> <head><title>Мой блог</title></head> <body> <h1 align="center"> My first blog</h11> <hr width="180px"> <img scr="C:/Users/unnamed/Desktop/сайт/1" alt="я гуль"/> <h2 align="right"><span>About Me</span></h2> <p align="right"><big>What`s up BRO.This my hirs html File</big> </p> </body> </html>

    Asked by UnnamedUkrain, May 2, 2021

    0 votes
    5 answers
24. Как можно сдвинуть кнопку влево?

    Здравствуйте! http://unbrokenteam.ru/ На главной странице внизу есть кнопка "Отправить". Как можно сдвинуть ее влево? При этом чтобы другие кнопки оставались на прежнем месте. Добавить button2 с выравниванием влево? Но в этом случае кнопку сплющивает. Вот style.css: body { padding: 20px; } button { margin-top: 20px; margin-left: 80px; line-height: 38px; font-size: 93%; padding: 0 60px; background: white; border: 2px solid rgb(112, 182, 234); border-radius: 35px; position: relative; left: 45%; transform: translate(-55%, 0); } button:hover { transit…

    Asked by noob_saibot, May 5, 2022

    0 votes
    5 answers
25. Вопрос об раскрытие блока

    Я сверстал часть сайта и у меня появился вопрос, при открытии спойлера blog_btn внутренности выталкивают заголовок за пределы блока. Как сделать так что-бы заголовок оставался на месте а внутрености разворачивались вниз а не вверх? https://drive.google.com/file/d/1_O-e0_79TNps-Oo7KJkgY8zQaDKRbIGF/view?usp=sharing

    Asked by Phanlom, September 2, 2022

    0 votes
    5 answers