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
-
Проблема наложения слоёв
Есть чёрный блок который наложен на красный блок, у чёрного блока есть зелёный блок который должен быть сзади красного блока. Как такое организовать без редактирования html кода? https://jsfiddle.net/ooceokLd/1/
0 votes1 answer -
<input type='text'> с display:table-cell и width:100%
Доброго времени суток. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Документ без названия</title> <style> .table { display:table; width:100%; } .table-cell { display:table-cell; border:solid 1px black; } .aaa { width:100%; } </style> </head> <body> <div> <form class='table'> <div class='table-cell'>текст</div> <input type='text' class='table-cell aaa' maxlength='50'> <input type='submit' value='отправить' class='table-cell'> </form> </div> </body> </html>…
0 votes1 answer -
Пошаговая анимация
https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.
0 votes1 answer -
Выстраивание картинок в блоке
Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с из…
0 votes12 answers -
Не могу настроить карусель
Добрый день, друзья! Не могу настроить карусель внизу странички. Нужно ускорить старт и уменьшить временной интервал между скачками. Может таймаут большой, но что я только не делал!?!? Как об стенку горох. Может не там рою???? Путь к скриптам тут Спасибо!
0 votes2 answers -
Подвижный дым на фоне
Доброго всем дня. Нужно сделать так, чтобы на фоне сайта дымился дым (клубился, вращался и.т.д), всегда, а в некоторых блоках дым должен двигаться, сжиматься или расширяться в зависимости от проскроливания страницы. Пожалуйста, подскажите, как это сделать лучше всего? Поставить на фон видео? Но его нельзя будет контролить скролом.
0 votes2 answers -
Адаптивность кнопки в привязке к внешнему контейнеру
Есть у меня слайдер, каждый слайд - картинка, и на каждой картинке есть кнопка. Так вот задача, чтобы при адаптивном уменьшении картинки, кнопка сохраняла положение и изменяла размер пропорционально. Возможно ли это? Вот пример https://jsfiddle.net/yhnf3m9L/1/ положение вроде сохраняется, а вот размер - беда.
0 votes0 answers -
Использовать трансформацию в анимации JQuery
Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });
0 votes10 answers -
Не работает INSERT INTO
Друзья помогите пожалуйста с проблемой сам не пойму в чем она. Есть запрос mysql_query(" INSERT INTO blog (title, text) VALUES ('$title', '$text') "); он должен записать в бд его (phpmyadmin) но в чем весь сок он не записывает ошибок не выдает. В чем проблема? Для большего понятия я прикрепил 2 ссылки с кодами. Сам проект у меня на локалке (OpenServer).Спасибо! http://pastebin.com/YzfVjuk2 http://pastebin.com/jSdfWXYw
0 votes9 answers -
Как float-элемент прижать к нижней границе родителя?
Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp
0 votes19 answers -
можно ли открыть макет sketch в win
Доброго времени суток. Скажите возможно ли открыть sketch в виндовс? https://avocode.com/ - есть такая прога, она работает на винде но не работает плагин sketch, так как есть только для OS
0 votes4 answers -
Резиновая картинка (больше-меньше)
Всем привет. Не могу дать ладу...подскажите плз. Свертал лэндинг на HD разрешение, но беспокоит что шапка не резиновая. Как средствами ксс и хтмл сделать загрузку другого фонового изображения, если разрешения монитора меньше 1920px...
0 votes1 answer -
Пустота между дивами
Всем привет. Такая вот проблема, при включении в код трех DIV-ов (составляющих логотип) - появляется дикий отступ под логотипом. Уже перепробовал что только можно. Хеееелп Для удобства выложил сюда все включая картинки http://boatsrepair.us/Desktop/index.html вопрос не только в том что бы пофиксить этот глюк, но и понять откуда он ... style.css index.html
0 votes1 answer -
Абсолютно позиционированный объект выходит за пределы
Абсолютно позиционированный объект выходит за пределы, можно поставить left:10px right:10px но есть другой вариант? Что применить чтобы абзац придерживался и не вылазил за отступ? https://jsfiddle.net/t3wfdnf9/
0 votes5 answers -
Как проверить разметку на ssi?
Всем добрый день! Маленький вопрос, в Гугле так и не нашел ответа. Как проверить на валидность сайт с применением ssi ? Заранее спасибо!
0 votes0 answers -
Как правильно поставить картинку в полную страницу.
У меня имеется картинка с белым фоном, хотел поставить её в полный размер страница по процентам, дабы объект этой картинки был в центре, но как только выставляю значение в свойстве CSS "background-size: 100%;", весь фон становится белым. Приведите правильный пример как вообще сделать всё правильно, и желательно, так же на картинке с белым фоном и центральным объектом.
0 votes2 answers -
выравнивание списка с плавающими элементами
как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left? Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру. Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?
0 votes3 answers -
Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц?
Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц? спасибо. Применяя float: left; первые три блока размещаются как необходимо, а вот со следующими тремя блоками - беда. Ни как они не хотят, следующей строкой ((( .a1 { background: #FFFFFF; border:5px; padding: 10px; display: block; width: 150px; float: left; margin: 0 10px 10px 0; text-align: center; } <! -- первые 3 блока —-> <article> <figure class="a1"> <p><img src="image.png" alt=""></p> <figca…
0 votes1 answer -
Выпадающий список с автозаполнением, скроллом и вводом своих значений
Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here …
0 votes2 answers -
добавить табам прокрутку
помогите пожалуйста поправить табы от бутстрапа3 в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа
0 votes1 answer -
Эффект видимости только на определенном элементе
Как сделать так, чтобы один блок (абсолютно спозиционированный) был виден только в границах другого блока?
0 votes1 answer -
Как изменить полосу прокрутки браузера
Делаю тёмную тему для сайта. Заметил что светлая полоса прокрутки портит весь вид (на светлом шаблоне всё выглядит нормально). В гугле нашел несколько статей, но работает это как-то криво. Скажите пожалуйста, есть ли нормальное кроссбраузерное решение по изменению полосы прокрутки. Всё что мне надо - изменить цвет. Да, и, стоит ли из-за этого беспокоится ) Спасибо.
0 votes2 answers -
Стандартный title
Здравствуйте, помогите пожалуйста избавиться от стандартной всплывающей подсказки. Есть блок в котором при наведении я реализовал вывод подсказки, но он показывает их сразу две, ту что я сделал и ту которая идет стандартной от браузера. Вот код моей подсказки .tooltips{ display: inline; position: relative; } .tooltips:hover:after{ background: #767E9E80; border-radius: 5px; bottom: 15%; color: #fff; content: attr(title); left: 10%; padding: 5px 15px; position: absolute; z-index: 98; width: auto; text-align: center; } .tooltips:hover:before{ border: solid; …
0 votes2 answers -
Увеличеие шрифта по нажатию кнопки
Как мне через тэг INPUT сделать кнопку, по нажатию которой ОПРЕДЕЛННЫЙ текст будет увеличиваться/уменьшаться?
0 votes7 answers -
Как найти работу верстальщику с небольшим опытом
Добрый День. Версткой сайтов занимаюсь около года. За это время приобрел базовые навыки по HTML 5, CSS 3 , Scss, bootstrap 3,основы Java Script, jQuery, gulp, git, основы PHP, cms Wordpress Примеры проектов: https://evgenal.github.io/Iglesia/homepage https://evgenal.github.io/Akad/homepage https://evgenal.github.io/Mairala/ Несколько месяцев тому начал искать работу, но столкнулся с ситуацией, что без опыта работы резюме не рассматривают, а на фрилансе без рейтинга заказ не взять. Как найти свою первую работу, может кто чего подскажет?
0 votes2 answers