HTML Coding

29542 questions in this forum

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

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

   Asked by pitbuli, May 29, 2015

   • попапе
   • слвидер
   0 votes
   2 answers
2. Смежные media queries отображаются внахлест

   Доброго дня. Я новичек в адаптивной вестке, и чего то я не могу врубится в одну проблему... Смежные media queries отображаются внахлест не пойму по какой причине, все вроде правильно, но на брекпойнтах получается скрол... Величина перекрытия составляет около 12-20рх на разных точкак. макет: http://sea.kh.ua/test/test2.html Скрин брейкпойнта 980рх http://sea.kh.ua/test/980.jpg Скрин брейкпойнта 786рх http://sea.kh.ua/test/768.jpg Что я делаю не так?

   Asked by Com7, May 29, 2015

   • Смежные media queries отображ
   0 votes
   7 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. Не переключается слайдер

   Вот такой должен быть слайдер. Сделал его таки образом, что при нажатии на радиобаттон слайдеры должны двигаться. Но почему-то это не получается http://codepen.io/anon/pen/JdEEdv

   Asked by yaparoff, May 29, 2015

   • слайдер
   0 votes
   4 answers
6. Выборочное изменение фона

   <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
7. Адаптация слайдера 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
8. Прозрачный угол у блока

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

   Asked by dion, May 29, 2015

   • css
   • загнутый угол
   0 votes
   1 answer
9. Как сделать условное применение 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
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. Google maps, запрет скроллинга на мобильных

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

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

    0 votes
    15 answers
12. Странный отступ при добавлении псевдоэлемента

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

    Asked by xTODx, May 27, 2015

    0 votes
    1 answer
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. Сдвиг в списке меню

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

    Asked by Launder, May 27, 2015

    • ul
    • li
    0 votes
    12 answers
15. странная подсветка на 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
16. 403 Forbidden

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

    Asked by ArtemisLab, May 27, 2015

    0 votes
    2 answers
17. Стрелка на css

    Привет, всем! как реализовать такое на css, стрелка будет поверх слоя с изображением, вот такие трудности

    Asked by soltx, May 27, 2015

    0 votes
    8 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. Коварность navbar от bootstrap 3

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

    Asked by borus, May 26, 2015

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

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

    Asked by perec200, May 26, 2015

    • html
    • css
    0 votes
    6 answers
23. font-stretch

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

    Asked by Vlad, May 26, 2015

    0 votes
    5 answers
24. Проблема с картинкой

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

    Asked by sergio1980, May 25, 2015

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

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

    Asked by mankutila, May 25, 2015

    0 votes
    2 answers