HTML Coding

29,542 questions in this forum

1. animate с jQuary и hammer

   Товарищи, давайте поможем все дружно мне!))Пытаюсь сделать анимацию, когда плавно подымается div1 наверх он должен волочить за собой другой div2, который растягиваясь закрывает страницу div3.Так же и обратно, когда div1 отпускается он сворачивает этот div2, который открывает div3. Так вот, div1 плавно двигается по странице это получилось,а вот чтоб он тащил за собой div2 ну ни как, ведет себя как вздумается, и еще не знаю как его свернуть(может чё подскажите??? html <div id="div3" style="height: 100%;align-self: center;width: 28%;background-color:yellow;position:absolute; float: none;"> <div style="width: 100%; height: 18%; background-color: #253fff; z-inde…

   Asked by Dirada, January 28, 2015

   • проклятые DIVы
   0 votes
   0 answers
2. Генерация части контента на клиенте

   Если большая часть страницы генерируется на сервере, а некоторый контент на клиенте, например: формы, хлебные-крошки, и д.р. которые не имеют значения для поисковиков, можно ли такой подход считать нормальным? Если да, то второй вопрос: на странице должна быть форма и шаблон. Как обеспечить шаблонизатор JSON-данными? Должен быть еще один запрос, или данные могут прийти с первым? Если да, то куда их вставить? Сам шаблон, например, можно вставить так вот: <script type="script/html" id="form-info">{{data}}<some>{{link}}</some></script>Но вот как быть с данными?

   Asked by ekkl, January 29, 2015

   • js-template
   0 votes
   0 answers
3. Нужна помощь по Bxslider: слайд по центру, слайды наезжают друг на друга

   Добрый день! Надеюсь на вашу помощь ибо все ресурсы уже исчерпаны Я мучаюсь с BxSlider'ом. Сетка сайта фиксированная - 1920 и 960 (когда окошко браузера уменьшено до 960, вступают изменённые правила). Средний слайд в карусели должны быть всегда по центру. Уменьшив размер браузера - появляется гор. прокрутка и центральный слайд - по центру. Так же боковые слайды должны быть видны на половину. Вот, как это примерно выглядит на диаграмме: Код здесь: http://jsfiddle.net/feyv2afw/ Надеюсь на помощь

   Asked by 01K, January 31, 2015

   • bxslider вёрстка
   0 votes
   0 answers
4. Подключение стилей в адаптивном дизайне

   Сейчас использую конструкцию в виде: <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)"><link href="/css/style_800.css" rel="stylesheet" media="only screen and (max-width:800px)"><link href="/css/style_1200.css" rel="stylesheet" media="only screen and (max-width:1200px)">Я не совсем понимаю как работают эти функции, ведь если экран с разрешением, например 320 пх, так он же подходит под все описания и получится что загрузятся все 3 стиля. Как можно сделать конструкцию "ОТ и ДО" и для любых устройств? То есть, для разрешения экрана: - от 240 до 480 - грузить стиль 1 - от 480 до 800 - грузить стиль 2 - от 800 до…

   Asked by alleclf, January 31, 2015

   0 votes
   0 answers
5. посоветуйте адаптивный слайдер

   есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

   Asked by likiweaks, February 6, 2015

   0 votes
   0 answers
6. подгонка background по размерам

   Всем привет, вот макет набросаю <style>div.one, div.three{ background: (img/back.jpg);}div.two{ background: (img/unback.jpg);}</style><div class='one'></div> <div class='two'></div><div class='three'></div>Как бы макет простой, Back - обычная картинка, unback - зеркально отражённая, они должны стыковаться между собой. Нужно картинку растягивать чётко под блок, как? background-size: 100% 100%; не помогли что-то

   Asked by xTODx, February 6, 2015

   0 votes
   0 answers
7. Lightbox. Как изменить максимальную высоту?

   Для увеличения фоток используется Lightbox. Проблема возникла с высокими изображениями. То есть, изображение больше высоты экрана. И поэтому при "высоком" изображении не работает кнопка "CLOSE" http://savepic.su/4934392.png Если изображ. уменьшить по высоте, то кнопка "CLOSE" начинает работать. Что нужно сделать, чтобы кнопка работала при любой высоте? Я, как поняла за размер изображений отвечает этот код в файле lightbox.js: resizeImageContainer: function(imgWidth, imgHeight) { // get current width and height var widthCurrent = this.outerImageContainer.getWidth(); var heightCurrent = this.outerImageContainer.getHeight(); // get new width …

   Asked by Alfa2015, February 8, 2015

   0 votes
   0 answers
8. удалить скрипт из документа

   скажите пожалуйста почему не срабатывает такой код? <script id="init_masonry"> $( document ).ready(function() { $('#container').masonry({ itemSelector: '.item', columnWidth: function(containerWidth) { return containerWidth / 3; } }); }); </script> <script> $( document ).ready(function() { console.log( "ready!" ); $('#init_masonry').remove(); }); </script> он должен удалять инициализатор плагина из тела документа посоветуйте пожалуйста альтернативу

   Asked by cyklop77, February 9, 2015

   0 votes
   0 answers
9. Якорь в респонсив

   Одностраничник тоже требует навигации. Якорь позволяет быстрый переход и всегда оказывается в верхней части экрана. В моём случае http://richel.skepton.ru/ 1) Верхн часть экрана занята фикс хедером. 2) Высота хедера разная на разных девайсах. Т есть, выставить якорь "на опережение" можно, но оно потребуется разное для разных устройств. Можно попробовать применить visibility:hidden/visible для разных якорей на разных устройствах. Идеалом было бы задать для нужного h2 точное расстояние от верха экрана при конкретном разрешении экрана по клику на соотв ссылку. Поделитесь плз опытом, кто решал подобную задачу.

   Asked by seemax, February 12, 2015

   0 votes
   0 answers
10. Фильтр услуг

    Приветствую, уважаемые форумчане. Подскажите правильную структуру такого фильтра, как на картинке. Список услуг делаем по подобию выпадающего меню по клику. Потом выбранные услуги в рядок становятся, с возможностью их удаления - это уже через JS? А сами результаты фильтрации это уже пхп? Или где грани между этими всем технологиями

    Asked by BeetleJuice, February 13, 2015

    0 votes
    0 answers
11. первый опыт бутстрап

    http://texteredsa.besaba.com/GG/GG/ открйте эту страницу и введите в окошко images/pixp.png и enter и смотрите что http://hostingkartinok.com/show-image.php?id=3ac163b5eab8b7def84ad98d8c3a611e первая колонка сдивнута не много. проблема решается если убрать у .container padding -15px, также решается если для .row сделать margin -30px. почему так? я не правильно сетку сделал? ведь макет шириной ровно 1170 px и ничего не надо редактировать бутстрапе.

    Asked by raptor-dm, February 14, 2015

    0 votes
    0 answers
12. Проблемы с установкой компонентов bower

    Система - MacOSX 10.9.5 Git и bower как глобально установлен. Но если попытаюсь установить какой-нибудь компонент через bower install требует установить x-code который весить более 2 гига и нихрена мне не нужен. Есть ли какой нибудь способ решить проблему без установки X-code. Заранее благодарен. Скрин:

    Asked by parnas, February 18, 2015

    0 votes
    0 answers
13. Проблема со шрифтом Roboto

    Скачал с гугла фонтс шрифт и установил. Но когда в фотошое фокусирую текст, пишет мол это приведет к изменению текста. Вопрос почему? если шрифт один и тот же? жму окей и текст слегка видоизменяется. Что за ерунда?

    Asked by raptor-dm, February 26, 2015

    0 votes
    0 answers
14. Вставить видео с онлайн камеры

    Доброй ночи. Подскажите, пожалуйста, как можно вставить видео в формате mjpg на сайт? Есть онлайн камера http://87.228.103.93:8080/mjpg/video.mjpg, нужно видео вставить на другой сайт. Пробовал при помощи тегов <video><source>, но, как я понял, формат не поддерживается, в описании атрибута type к тегу source не нужного mime типа.

    Asked by slo_nik, March 8, 2015

    0 votes
    0 answers
15. Сворачивание меню в Bootstrap

    Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…

    Asked by Тёмик, March 2, 2015

    • bootstrap
    0 votes
    0 answers
16. Создание адаптивной галереи

    Добрый день, подскажите пжлст, как сделать Чтобы фотографии подстраивались друг под друга и занимали все свободное пространство http://www.armani.com/ru/armanijunior

    Asked by Romasa, March 3, 2015

    0 votes
    0 answers
17. Почему не работает handheld для определения смартфонов?

    Есть способ отобрать именно мобильные устройства - телефоны, смартфоны, планшеты?

    Asked by alleclf, March 3, 2015

    0 votes
    0 answers
18. Вопрос по input

    здравствуйте у меня такая проблема на данный момент имеется Расстояние от МКАД.<br/><input type="range" value="0" name="mkad" id="mkad" min="0" max="150" onchange="mkadV.value=value" step="5"/><output id="mkadV">0</output> КМ</span></li>нужно изменить чтоб вывод был в теге input type="text" и если вводишь данные в один из инпудов в другом данные тоже менялись спасибо

    Asked by Владимир1111, March 7, 2015

    0 votes
    0 answers
19. Как сделать видео на фон HTML5

    Сделал в программе Camtasia Studio видео, назвал "kontakt_razdel". Делал файл поставив галочку: MP4-Flash/HTML5 player. Сделало папку с файлами как выше писал. Она делает видео сразу в HTML5. Получилась папка kontakt_razdel, в ней : Папка scripts со скриптами, папка skins, видео: kontakt_razdel.mp4 файлы: kontakt_razdel_config.xml kontakt_razdel_controller.swf kontakt_razdel.html kontakt_razdel_embed.css kontakt_razdel_First_Frame.png kontakt_razdel_player.html playerProductInstall.swf Хочу на фон сайта сделать видео. Куда и как прописать надо? Просто модулем выводил видео для просмотра, без проблем. А на фон не могу понять как в HTML5 вывести. Прописать просто видео…

    Asked by Радосвет, March 7, 2015

    • HTML5. видео на фон сайтафон
    0 votes
    0 answers
20. @Media не применяется

    Возникла проблема с @Media запросами - они просто не применяются! Вот HTML код страницы: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"><link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x800.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x1024.css"><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1366x768.css" /> <link type="text/…

    Asked by Maus, March 8, 2015

    • @Mediaб
    0 votes
    0 answers
21. Блок захватывает пространство

    И всю Вселенную. Здравствуйте. Есть такой скриншот http://joxi.ru/1A59OwzSQxwEAE Вёрстка лежит тут Что, собственно, мне не нравится, так это поведение блока при задании .dropdown свойства display: block. На скрине выделен третий пункт меню, то ест его подменб должно выделяться вниз. А оно берёт верхнее. Что со мной не так? В браузере это меню нажимается как нужно, на телефоне ОС виндовс тоже, на планшете амазона тоже всё ок. Плохо себя ведёт ипод на иОС. Если нажимать на любой пункт подменю, то кликается основной следующий пункт меню, который, как показано на скриншоте, захватывает область выше.

    Asked by kattiperk, March 8, 2015

    0 votes
    0 answers
22. Блок с текстом

    Всем привет , на сайте есть такой блок http://take.ms/Z85s9 . Его html- структура т.е. он состоит из таблицы и строк <tr>. http://take.ms/979Zb Возможно ли реализовать затемнение блока по ширине и появление блока при наведении как здесь http://take.ms/V348P( сайт http://agift.ru/ ) , или надо переверстать ? Помогите пожалуйста если надо , то на платной основе

    Asked by htmligor, March 9, 2015

    0 votes
    0 answers
23. Ссылки в блоке collapse в Bootstrap

    Привет! Строю макет на бутстрапе и столкнулась с проблемой с разворачивающемся блоком collapse. Может кто сможет подсказать решение. Вот способ использования блока, я делаю все точно также, все отлично работает http://getbootstrap.com/javascript/#collapse НО мой блок выглядит как строка таблицы в свернутом виде так http://monosnap.com/image/nsTJBWP68p97y1BdPsGNGsVlv8R3cY в развернутом так http://monosnap.com/image/x0P8ZP0TCDVndTabqLK3n32zekYM6y Я бы хотела сделать коллапс при клике на весь блок, но внутри него есть другие рабочие ссылки, например заголовок, кнопка с картой, кнопка с плюсом. Получается если я делаю коллапсом весь блок, другие ссылки внутри блока перест…

    Asked by Ayaweb, March 12, 2015

    • collapse
    0 votes
    0 answers
24. Конфликт bootstrap.css с другими файлами css

    Добрый вечер. Подключил с сайту jQuery File Upload. Плагин использует bootstrap v3.2.0. После этого перестали работать стили других плагинов, которые были подключены ранее. Как можно подключить bootstrap только для одного выбранного блока, например #fileupload? Чтобы эти стили более ни на что не влияли. Как должно быть http://test.roganov.info/photo1/ Вот так после подключения bootstrap http://test.roganov.info/photo/ Заранее благодарю откликнувшихся.

    Asked by slo_nik, March 18, 2015

    0 votes
    0 answers
25. Адаптивная верстка на Бутстрапе

    Привет, уважаемые форумчане! Недавно решил освоить бутстрап, и начал верстать под него стандартный двухколоночный макет шириной 980px. Работаю на ноуте, с разрешением 1366*768, колонки создавал с помощью классов col-xs-*, в итоге все хорошо получилось для моего разрешения. Однако при изменении окна браузера до 1024 пикселей в ширину, макет немного деформируется - стандартное бутстраповкое горизонтальное меню не влазит, и один пункт переходит на новую строку, также в некоторых местах возникают искажения из-за слишком больших margin и padding, которые я указывал в абсолютных значениях - px. Часть проблем с паддингами вылечилась указанием размеров в %, для остальных проблем …

    Asked by Capz, March 23, 2015

    • bootrstrap
    • сетка адаптивная верстка
    0 votes
    0 answers