HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Ссылка - не полное подчеркивание
Как сделать такое при наведении? Рисунок во вложении .
0 votes3 answers -
bootstrap число колонок
добрый день как увеличить колонки с 12 до 24 ?
0 votes0 answers -
Хочу узнать по поводу платных онлайн-курсов
Всем привет! Я новичок в этой сфере и пытаюсь найти информацию в гугле. Часто натыкаюсь на рекламу онлайн курсов по программированию. Подскажите, есть ли хорошие курсы, стоит ли их покупать?
0 votes2 answers -
Не всегда работает margin-top
Добрый день. Использовал плитку из masonry.pkgd.min.js. Между блоками должен быть промежуток 20 px. Но он есть не всегда и не во всех браузерах. Опера все отрисовывает правильно, хром иногда без промежутков, а мозила почти при каждом F5 выдает разные результаты. С чем это связано и можно ли починить? .prev_block{ width:300px; background-color:#a3bd6f; margin-top:20px; }
0 votes1 answer -
Сменяющийся текст
Добрый день. Есть текст. 2 предложения. Хочу чтобы выводилось только одно, а потом заменялось на другой. И так по кругу: 5 сек одно, 5 сек другое. ГИФ анимацию не хочу. Нужно на HTML+CSS. В крайнем случае простейший js. Помогите, пожалуйста. Заранее спасибо!
0 votes3 answers -
Safary и Chrome мобильные устройства - позиционирование футера
Бобра всем! Обычно элемент (футер) прибить к bottom экрана просто: - или через абсолтное позиционирование и свойство bottom - через свойство height в vh - через flex Но у сафари (и теперь с недавних пор Chrome) для мобильных устройств стандартные методы вызывают эффект описанный в этой статье: Ссылка на описание бага Если коротко, то нижняя часть интерфейса браузера мобильного устройства перекрывает прибитый к футеру элемент. Сейчас я кое как решил этот эффект путём JS : вычисляю реальную видимую рабочую высоту экрана (в которую не входит интерфейс браузера), вычисляю высоту элемента, который я хочу прибить к низу, и абсолютно его позиционирую о…
0 votes0 answers -
Картинка фона уходит в margin
Изучаю поведение тега background-size, даю ему значение contain и фоновое изображение прячется в margin: https://jsfiddle.net/abceprst/upb3jkd6/1/ Что происходит и почему так? Если отменить для него no-repeat, то замостит весь экран.
0 votes15 answers -
Помогите с эффектом наложения
Здравствуйте! Помогите, пожалуйста! Есть два блока (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:…
0 votes1 answer -
Корректировка паттерна
Доброго времени суток, подскажите пожалуйста, есть форма, в которой есть два поля, одно для имени, другое для телефона. На каждом из них есть паттерн, для первого поля просто символы, для второго просто цифры в формате. Сейчас это выглядит так: pattern="80[0-9]{2}[0-9]{7}" И получается что пользователь должен ввести значение 80ххххххххх. Но так не сильно удобно читается, как этот паттерн переделать, что бы можно было вставить скобки? Примерно так 80(хх) ххх-хх-хх А в идеале в таком формате +375 (хх) ххх-хх-хх Но почему то если я просто так добавляю эти значения вручную, паттерн вообще не работает и пропускает все подряд!? pattern="+375([0-9]{2})[0-9]{3}-[…
0 votes3 answers -
Автоматические отступы у строчных и блочных элементов
Здравствуйте, у меня два вопроса, буду благодарен за ответ 1.Когда в теге DIV делаешь text-align:center; текст внутри выравнивается по центру блока в самом верху блока, но если внутри него вставить тег p(он получается тоже блочный), текст делает сверху отступ. Я раньше думал что когда внутри одного блочного элемента div создается другой блок <p> и отступ сверху будет равен верхней части контейнера, но там идет отступ намного больше. Не понимаю откуда вообще взялся этот отступ сверху. цифры 8 и 9 2.Я свойством inline-block цифру 11 сделал строчным элементом, и расстояние между 10 и 11 цифрой увеличилось еще больше. Почему так получилось, и от чего это …
0 votes1 answer -
Отступы блоков Flex Box
Зравствуйте, у меня два флекс контейнера. class logo class menu мне нужно чтобы контейнер class menu ужался с правой стороны Прикладываю код: https://jsfiddle.net/RomanFF/513wcj60/2/
0 votes1 answer -
оцените блог
оцените блог http://radijo.noip.me/
0 votes1 answer -
FLEX выравнивание. Возможно ли это???
Есть контейнер в котором много других контейнеров. Как сделать заполнение друг за другом с переносом в случае если контейнеру не хватает места. (пример на пикче) У меня получается либо контейнер занимает все свободное место по горизонтали, либо по вертикали. Но ни как не друг за другом " одной колонкой"
0 votes2 answers -
Мольба о помощи! Ограничение размера экрана!
Суть в том что необходимо сделать ограничение области в которой БЛОК вставляется. При ограничении БЛОКА его оставшаяся часть которая не помещается переносится в следующую колонку.На данный момент у меня все выстраивание происходит одной колонкой вниз!Буду очень благодарен за помощь!!!
0 votes2 answers -
Как сделать подсвечивания поля с ошибками, 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…
0 votes7 answers -
Помогите доделать задание, пожалуйста. Наработки присутствуют.
Я сделал вот это - внизу скрин. Надо сделать то, что под 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; …
0 votes0 answers -
Кто может помочь с кодом?! (срочно)
Кто может помочь с кодом, как сделать страницу, чтобы по середине был текст, а по 2м сторонам от него 2 картинки!? Помогите, пожалуйста)
0 votes2 answers -
Как при нажатии кнопки удалить тег "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">Удал…
0 votes1 answer -
Как сделать подобный "виджет"
Добрый день. Не подскажите как можно сделать подобное через css или это только через JS? Или хотя бы как это называется, чтоб знать от чего оталкиватся при поиске. Перерыл все способы названия, но так похожего и не нашел.
0 votes1 answer -
разные версии страниц по устройствам
Привет. Как такое возможно сделать, чтобы отдавались разные версии страниц, в зависимости от устройства? Сделано, например в wildberries.ru Адреса страниц одинаковые, а оформление разное. И это не адаптив, а именно разные версии страниц. Определяют типа клиента на сервере и используют разные макеты?
0 votes2 answers -
Отменить overflow для внешнего дива и вернуть для внутреннего
Доброго дня! Не могу отменить overflow для внешнего дива и вернуть для внутреннего. Помогите! http://dabblet.com/gist/ecf15d87d3f339c4364d513f6a36e239
0 votes0 answers -
Помогите с html/css кодом!
Не могу расположить второй ряд картинок все div идут в одну строчку. Пробовал и команду clear (both, left) всем блокам прописан float:left.(Всё в конце кода). Заранее спасибо за помощь.На всякий случай прикреплю ещё картинки. index.html style.css
0 votes2 answers -
Проблемы с плавной анимацией градиента
Нужно чтобы при наведении курсора на кнопку-ссылку, тело кнопки плавно заполнялось светло красным цветом влево, а когда курсор убрали с кнопки, то светло красный цвет плавно уползал обратно. Как такое сделать? У меня получается только стартовать начальную анимацию при ховере https://codepen.io/l1nx/pen/xxGrwrW
0 votes5 answers -
Нужна помощь в простейшем коде HTML или css
Описание в карточке товара свойств (нужна помощь). Добрый день, подскажите чайнику как прописать html код или css в карточку товара. Прошу не отправлять сообщения типа подучись здесь и здесь, нужно конкретное решение. Нужно пунктирное описание свойств в карточке товара. Код должен вставляться в редактор html в админке магазина. Пример: Заранее спасибо.
0 votes4 answers -
Текст уезжает за границы
Ребята, выручайте. Есть задача сделать плитку с датой, как во вложении. Сделал рамку скруглённую в виде фонового изображения блока 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…
0 votes1 answer