HTML Coding

29,542 questions in this forum

1. Помощь в создании многоуровневой кнопки

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

   Asked by RS-SOUND, March 8, 2020

   0 votes
   2 answers
2. Обьекты на странице залазят друг на друга при изменении масштаба

   При масштабе в 100% объекты верхней секции залазят друг на друга,причем с секциями ниже все в порядке,хорошо адаптируется.При уменьшении масштаба(80%) верхняя секция принимает свой нормальный вид.

   Asked by grsff1, March 6, 2020

   0 votes
   1 answer
3. Нужна помощь с HTML

   Проблема такая господа. Пока только учусь HTML и возникла некоторая проблема с формами, а именно тегом input type. Проблема в том, что какой бы я ни писал type (password, radio, checkbox) при просмотре в браузере всегда отображается только обычное поле для ввода как если бы я везде использовал input type="text". Для пароля соответственно отображаются не звездочки а обычные буквы, для радиокнопок и чекбоксов опять же отображаются не кнопки и переключатели а обычные поля для ввода текста. Там где должна быть возможность выбрать файл снова поле для ввода и никакой кнопки выбора. Так же и с кнопками отправить и сбросить форму. Подскажите где может быть проблема. Код приложу ф…

   Asked by abbiati92, March 6, 2020

   0 votes
   2 answers
4. Блок

   Здравствуйте всем кто смотрит тему. Как сделать вот так ? пытался через display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; получается так

   Asked by magicalner, March 5, 2020

   0 votes
   1 answer
5. Псевдоэлемент под родителем - возможно?

   https://jsfiddle.net/a8s1yxeq/ хочу сделать угол у переключателей с тенью, но псевдоэлемент получается над основным и тень видно слева. А запихнуть ниже не удается. Это возможно?

   Asked by d0ublezer0, March 4, 2020

   0 votes
   6 answers
6. Текст уезжает за границы

   Ребята, выручайте. Есть задача сделать плитку с датой, как во вложении. Сделал рамку скруглённую в виде фонового изображения блока div. Внутри div сделал 3 тега "р" , так как у каждого текста свои стили должны быть и отступы разные. Но текст разъезжается и вылезает за выделенные для него границы. Подскажите, как быть.HTML<div class="latest"><p class="number">15</p><p class="june">June</p><p class="year">2016</p></div>CSS.latest {background-image: url(image/square.png);width: 98px;height: 139px;margin-left: 445px}.number {padding-top: 32px;color: #000000;font-family: Poppins;font-size: 32px;font-weight: 500;height: 24px;}.jun…

   Asked by Laeda87, March 2, 2020

   • html
   • css
   0 votes
   1 answer
7. Проблемы с плавной анимацией градиента

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

   Asked by L1nx, March 2, 2020

   0 votes
   5 answers
8. Нужна помощь в простейшем коде HTML или css

   Описание в карточке товара свойств (нужна помощь). Добрый день, подскажите чайнику как прописать html код или css в карточку товара. Прошу не отправлять сообщения типа подучись здесь и здесь, нужно конкретное решение. Нужно пунктирное описание свойств в карточке товара. Код должен вставляться в редактор html в админке магазина. Пример: Заранее спасибо.

   Asked by Morfeus, February 28, 2020

   0 votes
   4 answers
9. Помогите с html/css кодом!

   Не могу расположить второй ряд картинок все div идут в одну строчку. Пробовал и команду clear (both, left) всем блокам прописан float:left.(Всё в конце кода). Заранее спасибо за помощь.На всякий случай прикреплю ещё картинки. index.html style.css

   Asked by Balalayka, February 27, 2020

   • html
   • css
   • img
   • problem
   0 votes
   2 answers
10. Отменить overflow для внешнего дива и вернуть для внутреннего

    Доброго дня! Не могу отменить overflow для внешнего дива и вернуть для внутреннего. Помогите! http://dabblet.com/gist/ecf15d87d3f339c4364d513f6a36e239

    Asked by abceprst, February 22, 2020

    0 votes
    0 answers
11. разные версии страниц по устройствам

    Привет. Как такое возможно сделать, чтобы отдавались разные версии страниц, в зависимости от устройства? Сделано, например в wildberries.ru Адреса страниц одинаковые, а оформление разное. И это не адаптив, а именно разные версии страниц. Определяют типа клиента на сервере и используют разные макеты?

    Asked by d0ublezer0, February 21, 2020

    0 votes
    2 answers
12. Как сделать подобный "виджет"

    Добрый день. Не подскажите как можно сделать подобное через css или это только через JS? Или хотя бы как это называется, чтоб знать от чего оталкиватся при поиске. Перерыл все способы названия, но так похожего и не нашел.

    Asked by FotGOD, February 20, 2020

    0 votes
    1 answer
13. проблемы с расположением текста

    как в css сделать так, чтобы текс был сверху кнопки (в верхней ее части) без создания контейнера?

    Asked by Dmitry3258, February 19, 2020

    0 votes
    1 answer
14. Добавление блока и перестановка последующих

    Можно как-то с помощью HTML & CSS сделать так что когда добавляешь новый блок на страницу, то предыдущие сунуться в бок, а последний переходит на другую страничку, и так далее. Например если добавить новый товар в интернет магазин, то все товары по итогу посунуться на один, а последний перейдёт на следующею страницу. А если только с помощью JS или еще как то какой самый простой способ.

    Asked by Serhii Durov, February 17, 2020

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

    .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
16. Как при нажатии кнопки удалить тег "p" с содержимым?

    У меня есть тег <p>. В теге <p> размещена кнопка и поле. Можно добавить новый тег <p> c полем и кнопкой. Как при нажатии кнопки удалить тег p с содержимом. Работает только первая кнопка, при создании новых тегов и нажатии кнопки, они не удаляются. Вот код: <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <button id="removeAll">Удалить всё</button> <button id="addLine">Новая линия</button> <div id="orderForm"> <p class="orderLine" width="90%"> <input name="field1" type="text" id="field1"> <button id="removeLine">Удал…

    Asked by Katerina23, February 16, 2020

    0 votes
    1 answer
17. Помогите доделать задание, пожалуйста. Наработки присутствуют.

    Я сделал вот это - внизу скрин. Надо сделать то, что под 8 и 9 номером. Как это сделать? уже неделю ищу - не могу ничего найти. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Four sectors circle</title> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <h1>Круг из четырех секторов</h1> <style> .custom-button>use { fill: rgb(202, 20, 36); } .custom-button:hover { stroke: black; …

    Asked by romanlol, February 11, 2020

    0 votes
    0 answers
18. Как сделать подсвечивания поля с ошибками, bootstrap?

    Я использовала старую версию bootstrap 3.3.5 сейчас я подключила Bootstrap v4.3.1. и вот этот код больше не работает. errorPlacement: function ( error, element ) { error.addClass( "help-warrior" ); if ( element.prop( "type" ) === "checkbox" ) { error.insertAfter( element.parent( "label" ) ); } else { error.insertAfter( element ); } }, highlight: function ( element, errorClass, validClass ) { $( element ).parents( ".form-group" ).addClass( "has-error" ).removeClass( "has-success" ); $( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" ); }, unhighlight: function…

    Asked by Katerina23, February 11, 2020

    0 votes
    7 answers
19. оцените блог

    оцените блог http://radijo.noip.me/

    Asked by windows, February 5, 2020

    0 votes
    1 answer
20. Отступы блоков Flex Box

    Зравствуйте, у меня два флекс контейнера. class logo class menu мне нужно чтобы контейнер class menu ужался с правой стороны Прикладываю код: https://jsfiddle.net/RomanFF/513wcj60/2/

    Asked by РоманФ, February 4, 2020

    • css
    • html
    • flex box
    0 votes
    1 answer
21. Автоматические отступы у строчных и блочных элементов

    Здравствуйте, у меня два вопроса, буду благодарен за ответ 1.Когда в теге DIV делаешь text-align:center; текст внутри выравнивается по центру блока в самом верху блока, но если внутри него вставить тег p(он получается тоже блочный), текст делает сверху отступ. Я раньше думал что когда внутри одного блочного элемента div создается другой блок <p> и отступ сверху будет равен верхней части контейнера, но там идет отступ намного больше. Не понимаю откуда вообще взялся этот отступ сверху. цифры 8 и 9 2.Я свойством inline-block цифру 11 сделал строчным элементом, и расстояние между 10 и 11 цифрой увеличилось еще больше. Почему так получилось, и от чего это …

    Asked by РоманФ, February 4, 2020

    • html
    • css
    0 votes
    1 answer
22. Корректировка паттерна

    Доброго времени суток, подскажите пожалуйста, есть форма, в которой есть два поля, одно для имени, другое для телефона. На каждом из них есть паттерн, для первого поля просто символы, для второго просто цифры в формате. Сейчас это выглядит так: pattern="80[0-9]{2}[0-9]{7}" И получается что пользователь должен ввести значение 80ххххххххх. Но так не сильно удобно читается, как этот паттерн переделать, что бы можно было вставить скобки? Примерно так 80(хх) ххх-хх-хх А в идеале в таком формате +375 (хх) ххх-хх-хх Но почему то если я просто так добавляю эти значения вручную, паттерн вообще не работает и пропускает все подряд!? pattern="+375([0-9]{2})[0-9]{3}-[…

    Asked by oleg126, February 3, 2020

    0 votes
    3 answers
23. Проблема с мобильной версией сайта (верстка css)

    Здравствуйте уважаемые, уже пару дней борюсь с непонятным отображением главной страницы сайта автошколы - автобан в мобильной версии. Итак, суть проблемы: Открывая главную страницу на мобилке или в хроме с отладкой моб.устройств, справа появляется пустая область по всей высоте, то-есть если страницу пересунуть влево. Такой глюк только на главной странице, больше не замечал нигде, такое ощущение что где-то задана ширина, больше ширины экрана, но я все пересмотрел много раз, и не могу найти где проблема. Прошу помощи, буду рад любым идеям

    Asked by Chmil, February 2, 2020

    0 votes
    1 answer
24. Помогите с эффектом наложения

    Здравствуйте! Помогите, пожалуйста! Есть два блока (div): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name:…

    Asked by Andrey_Afonchenko, February 2, 2020

    • css
    • html
    • анимация
    • наложение
    • изображения
    0 votes
    1 answer
25. Картинка фона уходит в margin

    Изучаю поведение тега background-size, даю ему значение contain и фоновое изображение прячется в margin: https://jsfiddle.net/abceprst/upb3jkd6/1/ Что происходит и почему так? Если отменить для него no-repeat, то замостит весь экран.

    Asked by abceprst, February 2, 2020

    0 votes
    15 answers