HTML Coding

29,542 questions in this forum

1. Мобильная верстка

   Добрый день, изучаю весь этот огород сравнительно не так давно и столкнулась вот с какой проблемой: при создании кнопки использовала следующий текст: <style type="text/css"> A.button_menu {display:block; width:90px; height:179px; background:no-repeat;} A.button_company {background: url(/common/img/horizontal_ent_1.jpg);} A.button_company:active{background: url(/common/img/horizontal_ent_active_1.jpg);} </style> <td><a class="button_menu button_company" href="/ru/about/"></a></td> На компе все работает, вопросов нет. Но на ipad-е возникает проблема с заменой бекграунда. На долю секунды, пока идет обращение к серверу за картинкой, картинк…

   Asked by LadyNightRebel, October 23, 2013

   • :active
   • background:
   0 votes
   8 answers
2. Мобильная верстка. Автоматическая подсветка тапнутых элементов.

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

   Asked by Paloskin, October 27, 2011

   0 votes
   2 answers
3. Мобильная верстка. Закрепит элемент.

   Добрый день. Суть проблемы вот в чем. Требуется закрепить элемент страницы вверху (например как неподвижная шапка у некоторых сайтов) для создания тулбара. Но к сожаления стандартные приемы (position: fixed; z-index: 100) не прокатывают в мобильном браузере. Есть ли еще какой нибудь вариант закрепить элемент вверху страницы? Спасибо за внимание.

   Asked by Paloskin, November 6, 2011

   0 votes
   0 answers
4. Мобильная тема

   Здравствуйте, уважаемые гуру. Возникла проблема с подключением файла стилей для хрома на айфоне. Файл с мобильными стилями должен подключаться в хедере по js проверке на наличие куки. Есть - не подключать, нет - подключать. Условие срабатывает правильно, куки выставляются нормально, css валидный. Но при этом главная страница выглядит мобильно, а при клике по внутренней ссылке переходит на десктопную версию. Если на ней снова кликнуть "перейти на мобильную версию", то отображается нормально, а при клике назад на главную - снова десктопная версия. В сафари на айфоне и на других браузерах/платформах проблем не замечено - только хром на айфоне. Не уверен, что вопрос соответст…

   Asked by wolfenstein, October 30, 2013

   0 votes
   1 answer
5. Мобильное меню

   <nav class="main-nav main-nav--active"> <button class="main-nav--toggle" type="button">Открыть меню</button> <div class="main-nav__wrapper"> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--active"><a href="#">Главная</a></li> <li class="main-nav__item"><a href="#">Наши работы</a></li> <li class="main-nav__item"><a href="#">Записаться</a></li> <li class="main-nav__item"><a href="#">Контакты</a></li> </ul> <ul class="main-nav__user-list"> …

   Asked by d12, April 19, 2017

   • меню помощь
   0 votes
   3 answers
6. Мобильное меню на чистом CSS

   Решил поиграться с тегом details и вот что получилось: See the Pen KxaPyX by Alexandr (@AlexZaw) on CodePen. Для поддержки EDGE и IE9-11 пришлось дублировать код, так как они не поддерживают тег details, так что, при использовании чекбоксов код получится короче, но тем не менее вдруг кому пригодится способ стилизации details. (если нужно зафиксировать меню - меняем позиционирование у details и .mmenu ) <details> <summary tabindex='1'> <span class="top"></span> <span class="center"></span> <span class="bottom"></span> </summary> <ul class="mmenu"> <li><a href="…

   Asked by AlexZaw, August 30, 2018

   0 votes
   0 answers
7. Мобильное представление в Хроме не совпадает с моим мобильником

   Здравствуйте. Столкнулся с тем, что если на странице нажать на кнопку Быстрая покупка под фото товара, то в мобильном представлении десктопного Хрома при проставлении размера монитора 480 на 800 пикс все выглядит более правильно: , чем в реале на моем мобильнике в том же Хроме с тем же разрешением 480*800 пикс: Скажите, пожалуйста, как понять, каких стилей не достает моему мобильному хрому, чтобы все отображалось как в десктопном эмуляторе? Или лучше не пытаться это понять и попытаться применить стили бутстрап к всплывающей форме сразу? P.S. буду благодарен если Вы поделитесь статистикой отображения всплывающей формы со своих мобильных устройств

   Asked by borus, January 13, 2016

   0 votes
   8 answers
8. Мобильные браузеры, body, overflow:hidden

   Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}

   Asked by Bassline, September 26, 2014

   0 votes
   4 answers
9. мобильные телефоны как датчики

   Ребята, кто где встречал, может сталкивался сам. Нужна нормальная статья о сборе информации с мобильных телефонов. Например для сбора шумов, загрязнения воздуха, местоположения. Вся загвоздка нужна на русском. На англ. языке ее много, но мне воспринимать тяжело, кое что не понимаю, ну ни как. Создаю систему репутации в patricipatory sensing system, даже нормально перевести ее не могу. Как сам этот процесс называется???? это далеко не зондирования, не скачивания, не сборка а что я не могу разобраться без Вашей помощи((. Меня сейчас модераторы накажут, но податься мне больше не куда. Буду рада любому отклику, даже если звиздюлей получу, может эффективней начну работать)

   Asked by Dirada, November 12, 2015

   0 votes
   0 answers
10. Мобильные устройства, планшеты

    Здравствуйте! Интересует вопрос насчёт вёрстки под планшеты, мобильные устройства. Подскажите для этих случаев - необходимо создавать отдельно мобильные версии сайтов?

    Asked by SkyTrace, December 5, 2011

    0 votes
    4 answers
11. Мобильный доктайп

    Привет. В общем есть важный вопрос, на который с ходу ответа в интернетах не нашёл. Существует отличный доктайп <!DOCTYPE html>, который даёт мне всё, что необходимо. А, например, яндекс хочет от меня для мобильной версии особенный мобильный доктайп https://yandex.ru/support/webmaster/recommendations/mobile-site.xml?ncrnd=362Один из этих предлагает. https://en.wikipedia.org/wiki/Document_type_declaration#XHTML_Mobile_Profile_DTDs Скажите, есть ли доктайп, который бы с одной стороны говорил, что это мобильная версия, с другой не навязывал бы стандартов?

    Asked by Veseloff, September 16, 2015

    0 votes
    3 answers
12. Мобильный сайт

    Добрый день, тестирую на народе, будущий мини-промо мобильный сайт. То есть на эту страницу будут редиректится мобильные устройства. Много ошибок в верстке конечно же, пока все исправляю. Подскажите пожалуйста. При клике по Генплану или по Фотогалереи, нижний <li> становится большой ссылкой, то есть у него ширина и высота меняются. Как мне это исправить? А также верхний расхлопывающийся элемент наезжает на нижний, особенно это видно опять таки если нажать на Генплан или по Фотогалерею. Спасибо за помощь! Да и за критику тоже. http://a-goncev.narod2.ru/main1.html

    Asked by Alfabora, February 25, 2013

    • адаптированная верстка
    0 votes
    2 answers
13. Мог бы получится паралакс

    Хотел сделать паралакс(http://webdev.stephband.info/parallax_demos.html), но понял что без js его не реализовать под все разрешения, так что получилось что получилось http://warplines.com/html/paralax/ - чтобы увидеть эффект нужно ресайзить окно

    Asked by exessqd1, October 14, 2010

    0 votes
    4 answers
14. Моготи привести в порядок развращённый css код

    Здравствуйте. Я подстраивал css код под свои нужда и наконец сделав это вдруг понял, что с такой вёрсткой "профессиональной" остаётся ждать косяков. Пожалуйста помогите исправить сделать его более нормальным css кодом, а то я минусами в маргине пораскидался, а как сделать тоже нормальными средствами незнаю(. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> …

    Asked by Faran, April 13, 2010

    0 votes
    7 answers
15. Могут ли работать на одной странице фотогалерея и слайдшоу?

    Можно ли на одной странице сайта сделать и фотогалерею с увеличением картинок, и слайдшоу? У меня не получается. Для фотогалереи использовал файлы со скриптами из урока Е. Попова «Интересная галерея на jQuery» http://ruseller.com/lessons.php?rub=32&id=77 - (jQuery 1.2.6.js, prettyGallery.css, prettyGallery.js, prettyPhoto.css, prettyPhoto.js, styleGallery.css) Для слайдшоу использовал плагин jQuery ( jQuery Cycle Plugin) из урока Е. Попова «Создаем сайт с нуля (фотошоп+верстка)» http://evgeniypopov.com/jurnal/vyipusk-35.htmlСлайдшоу работает если не установлена фотогалерея. При установке фотогалереи слайдшоу перестает работать. Видимо это результат очередного …

    Asked by м.н.с., May 25, 2014

    0 votes
    1 answer
16. Мод. окно

    Здраствуйте, у меня проблема с модальным окном - http://dev.iceburg.net/jquery/jqModal/ Вроде бы все подключил но неработает...Где ошибка??? mp3ack.com - красная ссылка view

    Asked by Mr.Black, February 8, 2011

    0 votes
    2 answers
17. Модальное окно

    при закрытии модального окна в опере часть его остаётся, а после сворачивания- разворачивания браузера исчезает. Это глюк оперы? Окно тут при нажатии сверху войдите.

    Asked by Tmin10, June 5, 2010

    0 votes
    0 answers
18. Модальное окно

    Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать

    Asked by sparks, October 25, 2011

    0 votes
    2 answers
19. Модальное окно

    Добрый день. Вопрос такой: У меня форма обратного звонка, которая модальным окном открывается поверх индекса. Взял скрипт отсюда Вопрос: Как сделать так, чтобы при нажатии на кнопку "отправить" в том же самом окне загрузилась другая страница с подтверждением о удачной отправки? Заранее спасибо.

    Asked by Eridani, October 14, 2013

    0 votes
    3 answers
20. Модальное окно

    Добрый день! Помогите, пожалуйста, разобраться с маленькой проблемой. На сайте есть модальное окно , которое увеличивает изображения: http://bloky.ru/catalog/333 В данном варианте это маленькие картинки ДСП, ПВХ и т.д. При нажатии на картинку происходит её увеличение, но при этом миниатюра картинки исчезает со страницы сайта, т.е. остается открытой только одна увеличенная картинка. Как же сделать, чтобы отображались одновременно 2 картинки: и миниатюра, и оригинальное изображение? Спасибо! Вот CSS - код модального окна: zoom-images { cursor: zoom-in;}.zoom-images:focus { position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); t…

    Asked by marianna9201, June 25, 2014

    • модальное окно
    • css
    • увеличение фото
    0 votes
    1 answer
21. Модальное окно

    сайт лежит на локальном сервере. на сайте имеется кнопочка, по нажатию на которую выползает модальное окно, содержащее небольшую формочку. но когда я закрываю модальное окно, то URL становится таким: http://localhost/index.html#close, а при обновлении страницы происходит как бы моментальное открытие модального окна и сразу его закрытие. ну, будто он уже открыт был. нужно чтобы не было такого момента, что он после обновления страницы вызывает-закрывает модальное окно... как исправить? CSS: /* Контейнер */.modal {/* Слой перекрытия */position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 10000;/* Трансформации прозрачности при открытии …

    Asked by ineedhlw, March 17, 2015

    0 votes
    5 answers
22. Модальное окно

    Добрый день. Возник такой вот вопрос. На многих сайтах замечаю так называемые "модальные окна". Стало любопытно, как они верстаются (без скриптов). Так как я всего месяца три изучаю HTML и CSS, теории в голове не так много. Но поразмыслив немного + порывшись в интернете нашел пару способов. Немного адаптировал их под себя. Но все равно итогового результата не могу добиться. Не понимаю, что не так. Надеюсь на вашу помощь. Если объяснить проблему на словах, то, при нажатии на кнопку, должно (по идее) появляться модальное окно. Так оно и было, пока я не добавил фон-затемнение. После этой "процедуры" при нажатии на кнопку появляется только фон. Ссылку прилагаю: http://co…

    Asked by BehemothOz, July 11, 2015

    0 votes
    2 answers
23. Модальное окно CSS + немного JS

    Почему не работает? А здесь работает. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css.css"> <script type="javascript"> p = $('.popup__overlay') $('#popup__toggle').click(function() { p.css('display', 'block') }) p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') } }) $('.popup__close').click(function() { p.css('display', 'none') })</script> </head> <body> <p><input type="button" value="Popup!" id="popup__to…

    Asked by Delat, August 6, 2013

    0 votes
    7 answers
24. Модальное окно блокирует прокрутку

    При вызове модального окна, прокрутка на странице блокируется и элементы немного смещаются в сторону (наверное из-за того, что прокрутка исчезает). Мне надо, чтобы скроллинг на основной странице работал, но в стилях не могу разобраться уже час как. Может у кого-то была такая проблема? Пример простой страницы с модальным окном. До После На песочнице не получается подключить файлы бутстрапа, поэтому выложу архив с страницей приведенной на скриншоте. https://yadi.sk/d/CPBzvMDjnyRgd

    Asked by WhatIsHTML, January 30, 2016

    • bootstrap
    • modal
    • scroll
    0 votes
    1 answer
25. Модальное окно в слайдере

    Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.

    Asked by Orarifish, September 9, 2014

    0 votes
    5 answers