HTML Coding

29,542 questions in this forum

1. Эффект видимости только на определенном элементе

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

   Asked by Alex.a, January 21, 2017

   0 votes
   1 answer
2. добавить табам прокрутку

   помогите пожалуйста поправить табы от бутстрапа3 в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа

   Asked by cyklop77, January 21, 2017

   • bootstrap3
   0 votes
   1 answer
3. Выпадающий список с автозаполнением, скроллом и вводом своих значений

   Ёмкость заголовка зашкаливает, так что к сути. 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 …

   Asked by Melodyn, January 21, 2017

   • datalist
   • input
   • combobox
   • html5
   • jquery
   0 votes
   2 answers
4. Как правильно поставить картинку в полную страницу.

   У меня имеется картинка с белым фоном, хотел поставить её в полный размер страница по процентам, дабы объект этой картинки был в центре, но как только выставляю значение в свойстве CSS "background-size: 100%;", весь фон становится белым. Приведите правильный пример как вообще сделать всё правильно, и желательно, так же на картинке с белым фоном и центральным объектом.

   Asked by ErUnDAK, January 21, 2017

   0 votes
   2 answers
5. Резиновая картинка (больше-меньше)

   Всем привет. Не могу дать ладу...подскажите плз. Свертал лэндинг на HD разрешение, но беспокоит что шапка не резиновая. Как средствами ксс и хтмл сделать загрузку другого фонового изображения, если разрешения монитора меньше 1920px...

   Asked by Bandyy, January 21, 2017

   0 votes
   1 answer
6. Как в 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…

   Asked by luxwood, January 20, 2017

   0 votes
   1 answer
7. выравнивание списка с плавающими элементами

   как можно выровнять по центру экрана немаркированный список с элементами, которым присвоен float:left? Пример вот https://jsfiddle.net/uo406sqj/1/ нужно чтобы выравнивалось по центру. Если float отсутствует, то прекрасно работает text-align:center контейнеру и display:inline-block для списка, а вот как только появляется float у элемента списка - перестает работать. Можно ли как-то выровнять всё же?

   Asked by Ich, January 20, 2017

   • адаптивная верстка
   0 votes
   3 answers
8. Как проверить разметку на ssi?

   Всем добрый день! Маленький вопрос, в Гугле так и не нашел ответа. Как проверить на валидность сайт с применением ssi ? Заранее спасибо!

   Asked by Vic-Tor, January 20, 2017

   • ssi
   • validator
   0 votes
   0 answers
9. Абсолютно позиционированный объект выходит за пределы

   Абсолютно позиционированный объект выходит за пределы, можно поставить left:10px right:10px но есть другой вариант? Что применить чтобы абзац придерживался и не вылазил за отступ? https://jsfiddle.net/t3wfdnf9/

   Asked by aqua.77, January 20, 2017

   0 votes
   5 answers
10. Пустота между дивами

    Всем привет. Такая вот проблема, при включении в код трех DIV-ов (составляющих логотип) - появляется дикий отступ под логотипом. Уже перепробовал что только можно. Хеееелп Для удобства выложил сюда все включая картинки http://boatsrepair.us/Desktop/index.html вопрос не только в том что бы пофиксить этот глюк, но и понять откуда он ... style.css index.html

    Asked by burgman, January 19, 2017

    0 votes
    1 answer
11. можно ли открыть макет sketch в win

    Доброго времени суток. Скажите возможно ли открыть sketch в виндовс? https://avocode.com/ - есть такая прога, она работает на винде но не работает плагин sketch, так как есть только для OS

    Asked by Altakil, January 18, 2017

    0 votes
    4 answers
12. Как float-элемент прижать к нижней границе родителя?

    Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp

    Asked by Goodman-77, January 18, 2017

    • float
    • bottom
    0 votes
    19 answers
13. Не работает INSERT INTO

    Друзья помогите пожалуйста с проблемой сам не пойму в чем она. Есть запрос mysql_query(" INSERT INTO blog (title, text) VALUES ('$title', '$text') "); он должен записать в бд его (phpmyadmin) но в чем весь сок он не записывает ошибок не выдает. В чем проблема? Для большего понятия я прикрепил 2 ссылки с кодами. Сам проект у меня на локалке (OpenServer).Спасибо! http://pastebin.com/YzfVjuk2 http://pastebin.com/jSdfWXYw

    Asked by Tardpipl, January 17, 2017

    • insert
    • into
    • php
    • mysql
    0 votes
    9 answers
14. Использовать трансформацию в анимации JQuery

    Как применить трансформацию через анимацию JQ $('.abz span:last').click(function(){ $('.w').animate({ transform: 'scale(.9)' }); });

    Asked by aqua.77, January 17, 2017

    • jquery
    0 votes
    10 answers
15. Адаптивность кнопки в привязке к внешнему контейнеру

    Есть у меня слайдер, каждый слайд - картинка, и на каждой картинке есть кнопка. Так вот задача, чтобы при адаптивном уменьшении картинки, кнопка сохраняла положение и изменяла размер пропорционально. Возможно ли это? Вот пример https://jsfiddle.net/yhnf3m9L/1/ положение вроде сохраняется, а вот размер - беда.

    Asked by Ich, January 17, 2017

    • адаптивный дизайн
    0 votes
    0 answers
16. Подвижный дым на фоне

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

    Asked by Alarr, January 17, 2017

    • smoke
    • animation
    • background
    • js
    • css
    0 votes
    2 answers
17. Не могу настроить карусель

    Добрый день, друзья! Не могу настроить карусель внизу странички. Нужно ускорить старт и уменьшить временной интервал между скачками. Может таймаут большой, но что я только не делал!?!? Как об стенку горох. Может не там рою???? Путь к скриптам тут Спасибо!

    Asked by Vic-Tor, January 16, 2017

    • карусель
    • carousel.js
    • jquery.jcarousel.js
    0 votes
    2 answers
18. Пошаговая анимация

    https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.

    Asked by aqua.77, January 16, 2017

    • css3
    • jquery
    0 votes
    1 answer
19. проблема с версткой модального диалога

    Привет, Подскажите, пожалуйста, возникла проблема с версткой списка после применения новых файлов стиля(исходная страница и js-код не менялись) другим разработчиком. перестал работать вызов модального диалога Надо зайти на login под логином mstdmstd@rambler.ru 8cc10asu и далее на страницу listи кликом на кнопке "FILTER" вызывается js-функция usersListFilterApplied() с вызовом диалога $( "#users_list_dialog_filter" ).modal( { "backdrop": "static", "keyboard": true, "show": true } ); блок дива users_list_dialog_filter определен - но диалог не открывается И при наведении мышей на этой кнопкой <button type="button" class="btn sbold green btn-s…

    Asked by mstdmstd, January 16, 2017

    0 votes
    0 answers
20. <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>…

    Asked by den_alex_96, January 16, 2017

    0 votes
    1 answer
21. Выстраивание картинок в блоке

    Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с из…

    Asked by MadSandwich, January 16, 2017

    • css
    • html
    • img
    0 votes
    12 answers
22. Проблема наложения слоёв

    Есть чёрный блок который наложен на красный блок, у чёрного блока есть зелёный блок который должен быть сзади красного блока. Как такое организовать без редактирования html кода? https://jsfiddle.net/ooceokLd/1/

    Asked by aqua.77, January 16, 2017

    0 votes
    1 answer
23. Несколько начертаний шрифта на сайте

    На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случ…

    Asked by vip, January 16, 2017

    • шрифт
    0 votes
    0 answers
24. Отмена события щелчком мыши

    При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/

    Asked by aqua.77, January 15, 2017

    • jquery
    0 votes
    3 answers
25. Размер картинки в css

    Здравствуйте! Объясните, пожалуйста, как задать высоту и ширину картинки посредством css. (Как задавать размеры в HTML объяснять не надо).

    Asked by Jools_13, January 15, 2017

    0 votes
    2 answers