HTML Coding

29,542 questions in this forum

1. не выводится слаидер в попапе

   Добрый вечер ! не выводится слаидер в попапе должно быть так как на картинке слева а он не загружается не знаю что делать что подскажите при нажатии на картинке он должен открытся http://cyberverstka.hol.es/po-ap/popau.html

   Asked by pitbuli, May 29, 2015

   • попапе
   • слвидер
   0 votes
   2 answers
2. Google maps, запрет скроллинга на мобильных

   На сайте установлен карта от гугла, ширина 100% высота 400-450px. Что бы он не мешал прокручивать вниз страницу - добавил scrollwhell:false что запрещает прокрутку карты колесом мыши. Но данная функция не помогает при touchscreen устройствах. Для них есть функция draggable: false, оно как бы запрещает скроллинг карты, но если попытаться через карту скроллить вниз страницу то опять таки не получится. Добавить прозрачный слой сверху для нормальной прокрутки на мобильных не смогу так как на карте есть маркеры на которые можно кликать.. В общем выхода не нахожу, есть у кого такой опыт?

   Asked by Нарек, May 28, 2015

   0 votes
   15 answers
3. Баг Google Chrome

   В браузере Google Chrome, при уменьшении ширины окна изменяются блоки, правая колонка встаёт вниз, за блок новостей. Но вот при увеличении ширины, блок с баннерами не встаёт на место. В FF, IE бага нет, а вот в GC есть. MP4 видео - http://i.gyazo.com/f106fdf09ff2831732239ced150f4f60.mp4 В чем проблема, как исправить?

   Asked by LeoSan, May 29, 2015

   0 votes
   1 answer
4. Друзья посмотрите как я сверстал!

   Всем привет начал с курсов теперь сам начал верстать сверстал свою первую страницу самостоятельно без курсов. Я ещё новичок в этом деле Ссылка на файл:http://zalil.su/330237 Вот посмотрите и оцените нормально ли для новичка? Масштаб поставьте на 33% и почему у меня такие проблемы появляються с маштабом в фотошопе на много пикселей показывает и пожалуста подкиньте мне пару макетов с хорошим маштабом. Спасибо вам всем!

   Asked by Парвиз, May 29, 2015

   • Верстка новичок
   0 votes
   1 answer
5. Выборочное изменение фона

   <a href=""><img src="image.jpg"><span>read more</span></a>a{width:100%;height:auto}img{width:100%;height:auto;}span{position:absolute;right:10px;bottom:10px;width:100px;height:100px;background:url("img.jpg") 0 top;}a:hover span{background-position:0 bottom;}Конструкция,конечно,упрощенная,но должно быть понятно.При наведении на span должен меняться ее фон,но в реале он меняется при наведении вообще на всю область ссылки.Раньше картинка была фоном ссылки,но я сделал ее img,потому что нужна резиновая верстка.Не хочется двойные ссылки делать,потому что потом будет много мороки.

   Asked by user, May 29, 2015

   0 votes
   4 answers
6. Адаптация слайдера roundabout.js

   Всем привет. Ребят, нужна помощь, не могу сама справиться. Адаптирую старый сайт. В нём есть слайдер roundabout.js версия 1.1. Так как responsive поддерживается с версии 2.1, установила её, но здесь как-то странно высчитывается позиция left в position:absolute, где-то на 100рх больше, из-за чего картинки вываливаются из своего блока и появляется горизонтальный скрол. Ребята, кто работал с данным плагином, есть там возможность откорректировать left ?

   Asked by Crystal-3, May 29, 2015

   • слайдер
   • roundabout.js
   0 votes
   0 answers
7. Как сделать условное применение top в зависимости от высоты?

   Слева есть блок lsb со свойством top:50%, для того, чтобы на страницах с большим объемом текста он распологался в середине. Однако не все страницы большие, есть и маленькие и на маленьких блок уезжает за контент http://codepen.io/anon/pen/YXNKMR Как сделать, чтобы если страница большая, то топ:50%, а если маленькая, то например топ: 100px. Вижу вариант - сделать запрос к БД и присвоить класс странице... но может есть вариант через css каким-нибудь свойством о котором не знаю? что-то типа top:50%-600px (высота блока) ps: задачу решил топ:30%, а для контента мин-хейт. конечно это другой способ, но как альтерантива подойдет. хотя конечно интересно уже так на будущ…

   Asked by nikki4, May 28, 2015

   0 votes
   1 answer
8. Прозрачный угол у блока

   Добрый день. Помогите пожалуйста ) Нужно сделать эффект "загнутого уголка", но что бы под блоком был не однотонный фон. Чего-то, не могу придумать, как это реализовать: http://jsfiddle.net/1pkm61ou/

   Asked by dion, May 29, 2015

   • css
   • загнутый угол
   0 votes
   1 answer
9. Коварность navbar от bootstrap 3

   Здравствуйте. Возникла забавная ситуация с превращением сайта в адаптивный. Чтобы добиться свертывания категорий на узком экране я превратил их в компонент navbar. На узком экране(уже 768 пикс) они прячутся под словом "Категории +" Навбар заработал, но сама ссылка, по которой кликают, чтобы увидеть подкатегории, оказалась некликабельна и стала выполнять роль только кнопки, развертывающей список подкатегорий. Как сделать расскрывающийся список категорий товаров на бутстрапе 3 так, чтобы и категории прятались, и категория их раскрывающая оставалась кликабельна? Вариант показывать все категории и подкатегории сразу раскрытыми не предлагать Наверно надо треугольные стр…

   Asked by borus, May 26, 2015

   0 votes
   3 answers
10. Как сделать левый блок посередине страницы? (не экрана)

    Здравствуйте. Есть страницы с очень длинным текстом. В результате реклама совсем не видна почти. Плавающие блоки запрещены адсенсом. Потому думаю следует разместить левый блок рекламы (lsb) посередине страницы. Т.е. высота страницы 1000px, значит блок разместить на 500 px и так в зависимости от размера контента. пробовал писать всякие top:50%, margin-top:50% но как-то работает все не корректно... Сайт имеет следующую структуру <div id="wrapper"><div id="header"></div><div id="menu"></div><div id="lsb"></div><div id="content"></div><div id="footer"></div></div>#wrapper { margin: 0 auto; width…

    Asked by nikki4, May 28, 2015

    0 votes
    1 answer
11. Странный отступ при добавлении псевдоэлемента

    При добавлении псевдоэлемента появился странный отступ сверху Посмотреть тут http://jsfiddle.net/wssaLzbk/4/

    Asked by xTODx, May 27, 2015

    0 votes
    1 answer
12. как задать размер ПсевдоЭлементу

    Добавляю псевдоэлемент - картинку h2:after{ content:url(../img/bart.png); position:relative; left:0.5vw; } Как задать этому элементу размер? Height, Width всё дело в том, что есть before и after, которые должны быть чётко по краям заголовка, оно всё правильно стоит, но только размер указать не выходит. Если сделать элемент блочным, тогда проблемно расположить его правильно. вот так это выглядит, но если приблизить, псевдоэлементы станут больше.

    Asked by xTODx, May 23, 2015

    0 votes
    11 answers
13. модальное окно нужно центрировать

    Всем привет, есть див который нужно отобразить в модальном окне <div id="artist_song_dialog" title="Artist's Song" style="display: none;min-width: 680px;" class="form-wrap"> <h4> You are adding song for artist <span id="span_artist_review_artist_name"></span> </h4> ... </div> и вызов модального окна - и все хорошо $("#artist_song_dialog").dialog({ buttons: { .... }, // "Submit": function() { "Close": function () { $(this).dialog("close"); } }, width: "50%", maxWidth: "678px", …

    Asked by mstdmstd, May 27, 2015

    0 votes
    1 answer
14. Стили и скорость загрузки

    Допустим есть несколько файлов css,в которых переопределяется фон элемента,причем используется одна и та же картинка.Или одна картинка указывается отдельно для разных элементов.Влияет ли это на скорость загрузки?Картинка при этом загружается один раз или каждый раз при обращении?

    Asked by user, May 25, 2015

    0 votes
    8 answers
15. Сдвиг в списке меню

    Добрый день! Вот небольшая менюшечка: http://cssdeck.com/labs/bgmx27f7 Почему когда тег li закрыт, то следующий пункт съезжает немного вправо и между пунктами появляется полоса? Спасибо!

    Asked by Launder, May 27, 2015

    • ul
    • li
    0 votes
    12 answers
16. странная подсветка на ie mobile win phone 8.1

    Всем доброго времени суток. Столкнулся с интересной проблемой в мобильном ie win phone 8.1. Допустим есть небольшой блок на странице с текстом внутри. <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Test</title> <style> .btn { height: 50px; border: 1px solid black; } .btn span { color: red; } </style></head><body> <div id="btn" class="btn"> <span>text</span> </div> <script> var btn = document.getElem…

    Asked by Alexander34, May 27, 2015

    • Странная подсветка элементов
    0 votes
    4 answers
17. 403 Forbidden

    Здравствуйте. Сайт DDOSят уже второй день. Его либо не грузит либо выдает такую ошибку: Что можете подсказать? В саппорте хостинга сказали просто поменять хостинг т.к. они ничем не могут помочь. Сайт.

    Asked by ArtemisLab, May 27, 2015

    0 votes
    2 answers
18. Кнопка со скрытым текстом

    Друзья, посоветуйте как правильно оформить кнопку, чтобы по клику выезжал скрытый текст. Что нибудь в виде этого Пытаюсь модифициолвать этот код <a href="javascript:sh()">Заказать звонок</a><br /><div id="info" style="padding-top:15px;">Оставьте Ваш номер телефона и мы свяжемся с вами в ближайшее время[contact-form-7 id="594" title="Номер телефона"]</div><script type="text/javascript">sh();function sh() {obj = document.getElementById("info");if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }}</script>

    Asked by kap2, May 27, 2015

    0 votes
    1 answer
19. что за эффект

    http://www.agence-belle-epoque.fr/ когда секция загрузилась, заголовок плавно появляется(заполняется), не знаю как обьяснить. как это реализовано? кто нибудь знает?

    Asked by raptor-dm, May 27, 2015

    0 votes
    6 answers
20. Тянущиеся блоки

    Всем привет. Столкнулся с такой проблемой http://take.ms/7rC84есть конструкция из 3х частей. все три могут динамически менять ширину. изначально должно все выглядеть как на скрине выше, тоесть растягиваться на ширину контента блоков. при изменении контента все должно красиво тянуться, вот так - http://take.ms/MOUFg тут все ясно, куча вариантов реализации... но дальше начинается веселье. важно что здесь текст должен быть только в одну строку. при достижении ширины родительского блока наша конструкция должна перестать увеличиваться в ширине (ну типа max-width:100%) и в центральной колонке текст который не влазит должен обрезаться и ставится в конце троеточие, типа так - …

    Asked by Z1gnet, May 26, 2015

    0 votes
    3 answers
21. Как корректно применить обводку к блоку?

    Добрый день. Нужно расположить два блока параллельно относительно друг друга, с этим я справился скриншот ниже: Но дальше нужно добавить линию, которая будет идти до самого низа, скриншот ниже: (Добавил обводку и параллельность блоков пропала) Но даже если добавить обводку к какому-либо блоку, то этого будет не достаточно, т.к. один из блоков может быть длиннее или короче в результате чего линия не будет идти до самого низа, ниже пример, что я пытался донести: И ссылочка на код http://jsfiddle.net/6qfg1vm8/ Ка быть, господа?

    Asked by perec200, May 26, 2015

    • html
    • css
    0 votes
    6 answers
22. Проблема с картинкой

    Добрый день! Подскажите пожалуйста причины по которой созданная в фотошопе картинка не отображается на сайте в онлайн, хотя в оффлайне все нормально. Браузер один и тот же - Хром. Пробовал менять разрешение jpg, gif. Сохраняю картинку в фотошопе для ВЭБ и обычным способом - все бестолку. Фото прилагаю. Спасибо за помощь.

    Asked by sergio1980, May 25, 2015

    0 votes
    9 answers
23. Проблемы с всплывающей формой в разных браузерах

    Доброго времени суток. Имеется сайт на тестовом домене На главной странице есть кнопки, по наведению на них появляется (-ются) форма (-ы). Так вот, с этими формами обнаруживаются несколько проблем в разных браузерах: 1) в IE 11 этой формой невозможно пользоваться - она просто не реагирует ни на какие действия. Плюс, в исходном коде обнаруживаются какие-то закрывающие теги для всех <input type="text"> 2) в FF ввод данных в формы просто осложнен: начинаешь вводить одну букву, две и инпут тут же теряет фокус, я не понимаю, с чем это связано. В хроме все работает. Хотя и там есть нюанс: почему инпут держит фокус только тогда, когда на нем стоит указатель мыши? …

    Asked by mankutila, May 25, 2015

    0 votes
    2 answers
24. font-stretch

    Везде написано, что Chrome не поддерживает font-stretch, но запустил пример и версия 43 вполне всё корректно показала. Где можно узнать, с какой версии браузер начал поддерживать это свойство?

    Asked by Vlad, May 26, 2015

    0 votes
    5 answers
25. Поиск на Яндекс

    Помогите с кодом: <form method="get" action="http://yandex.ru/search"> <input type="hidden" name="do" value="yandex" /> <input type="hidden" name="subaction" value="yandex" /> <input id="story" class="search_input" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /> <div class="h_s_title"><button class="serchb">Найти</button></div> </form>Как сделать что-бы он мое значение перенаправлял на Яндекс? Вот CSS которые здесь применяются: .search_input { margin-left: 10px; float:left; background:#f4f4f4; border: 1px #FCD06E so…

    Asked by Mestniy96, May 22, 2015

    0 votes
    8 answers