HTML Coding

29542 questions in this forum

1. Где следует разрабатывать адаптивный дизайн?

   ранее делал в инструментах разработчика в ФФ и хроме. Там все ок. Смотрю с телефона - все поехало Глянул со стороннего сервиса - опять поехало в шапке блок, подобном как на телефоне. Почему? может из-за того что там в em а не px? или шрифт в мобильном не поддерживается? (abel) да, походу из-за шрифта...

   Asked by nikki4, March 9, 2016

   0 votes
   1 answer
2. убрать кнопку "Online"

   Всем привет, На сайте http://displo.com/backend/en/home В левом нижнем углу есть кнопка "Online". Ее нужно убрать Не могу найти этого куска html-кода Или это какая-то js-библиотека ?

   Asked by mstdmstd, March 9, 2016

   0 votes
   1 answer
3. Стрелка в speedbar другого цвета & высота блока

   На форуме стрелки в speedbar'е какого-то другого цвета, не могу исправить, а также левый блок в футере не растягивается автоматически по высоте правого блока. Уже перепробовал height: auto, inherit и 100%. Мне кажется они вообще никогда и нигде не работали

   Asked by iBars, March 9, 2016

   0 votes
   4 answers
4. Block vs Flex

   Доброго времени суток всем. В процессе обучения и начальной практики верстки созрел вопрос. Вот сверстал я страницу макета на обычных блоках, с флоатами, инлайнами и прочим, работает, адаптивно, вроде нормально. Потом по мере обучения дошел до flex технологий, начал осваивать, переверстал эту же страницах на флексе. И вот по ощущениям как-то проще получилось, меньше кода, более предсказуемо ведут себя блоки, частично встроенная даже без медиа адаптивность и т.д. Поддержка ИЕ с 10 версии, что в принципе терпимо с учетом тенденций к тотальному переходу минимум на вин7 даже лоу лвл сегмента ПК всех видов. Почему очень многие до сих пор верстают блоками обычными? Во всех ви…

   Asked by Highlander, March 8, 2016

   • flex
   • block
   0 votes
   8 answers
5. Отображение горизонтальной прокрутки у списка

   https://jsfiddle.net/cxz0n2u2/10/ - код для проверки и тестов здесь. Убрал весь ненужный код jquery и html Проблема возникла при изменении (своей же) верстки. Не появляется скрол по оси x (горизонтальная прокрутка). Если сделать вывод не списком а через div то проблемы нету - прокрутка появляется но как только делаю через список прокрутка не отображается. В примере вы увидите 10 сообщений (10-элементов списка) и хотя стоит фиксированая высота и ширина стоит float:left , overflow-x: auto (или scroll), overflow-y: hidden, блок показывает результаты что поместились а остальные что ушли в низ прячет, то есть не показывает прокрутку. Опять же если не делать через список то…

   Asked by alex_mike, March 8, 2016

   • html
   • css
   0 votes
   2 answers
6. как растянуть картинку на всю доступную ширину блока?

   Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

   Asked by F4rr3LL, March 7, 2016

   0 votes
   13 answers
7. небольшой скрипт

   Здравствуйте уважаемые форумчане! Написал небольшой скрипт "подгрузки отзывов" который, по идее, должен срабатывать три раза при каждом нажатии на кнопку «показать еще», но он срабатывает только один раз, подскажите, пожалуйста, что не так ? P.S. В js не силен, недавно только начал изучать его ) http://web-verstka.zzz.com.ua/portfolio/reviews/

   Asked by stan07, March 7, 2016

   0 votes
   2 answers
8. Проблема с отображением на iPhone5/6

   Добрый вечер, форумчане. Делаю небольшой сайт, но столкнулся со следующей проблемой. Листалки фотографий у заказчика на iPhone открывается в жутком виде (слайды становятся в столбик). Смотрите фото. Но беда еще в том, что у меня самого нет нужных яблодевайсов, как и у моих знакомых. Пофиксить наугад не получилось. Так что у кого есть на руках IPhone 5 или старше, помогите пожалуйста. Или посоветуйте сервис, на котором есть рабочий эмулятор. То что находил своими силами открывал сайт не так как настоящий айфоны. p.s. если увидите еще какие-то визуальные косяки при открытии с айфона, сообщите пожалуйста. Временная ссылка на сайт: http://openbikes.tk

   Asked by CraftLawrence, March 7, 2016

   0 votes
   1 answer
9. Кнопка Play на картинках (псевдоселекторы). Как добавить?

   Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?

   Asked by iBars, March 7, 2016

   0 votes
   6 answers
10. псевдоселекторы after and before

    добрый день, прописываю следующий код .navbar-nav > li:last-child:after Вопрос можно ли так прописывать ? Хочу задать стили для последнего элемента A > after сайт http://mymoda.com.ua/- верхнее меню, у Мужчины - нет вертикальной черты и последнего элемента Дети тоже нет вертикальной черты - как эти элементам задать через псевдо-селектор стили? приложил скрин http://prntscr.com/ac7y60 Спасибо.

    Asked by mrfrunze, March 7, 2016

    • after
    • before
    0 votes
    6 answers
11. Первая вёрстка(+адаптивная)

    Здравствуйте! Первая проба вёрстки сайтй с уклоном на адаптивность. В принципе сайт простой, но был бы рад услышать какие-то замечания/советы. ссылка - http://gusto.esy.es архив с шаблоном и файлами(кому нужно может-быть) - https://drive.google.com/open?id=0B-54vYt77yG5cy1PcXk2X3VxbGM

    Asked by ITMOfan, March 6, 2016

    • адаптивная вёрстка
    • первый раз
    0 votes
    5 answers
12. Центрирование модального окна в видимой области браузера

    Здравствуйте. Недавно задавал этот вопрос,мне ответили вот так: -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); но это не срабатывает. У меня длинный лендинг, который не адаптивен,т.е. при открытии на айфоне всё мелко. И чтобы нажать на кнопку модального окна (по ней попасть) нужно увеличить зум и нажать. Но тогда окно модальное оказывается вне видимой области. Как центрировать его именно внутри этой просматриваемой области? Вот тут http://ruseller.com/lessons/les1782/demo/index.htmlвсе работает как надо,про…

    Asked by tegowai, March 6, 2016

    0 votes
    1 answer
13. Проблема с тектом и тэгом <figure>

    (начинающий) Такая проблема: есть изображение getelogo.png следом цитата. Текст немного выше и остается куча свободного места, хочу сделать что бы цитаты была ровно по центру относительно картинки (по горизонтали). Подскажите как сделать правильно. https://jsfiddle.net/L9L5avj7/ Вот сейчас так: https://pp.vk.me/c631930/v6319... А мне надо что бы было так:https://pp.vk.me/c631930/v6319... Может есть специальный тег для этого ?

    Asked by sipsap, March 6, 2016

    • figure p
    0 votes
    1 answer
14. печать страницы

    Здравствуйте! на распечатанной web-странице отображается ее адрес в сети. Можно это дело убрать программным способом? для Chrome и Opera нашел такое решение @page{ size: auto A4 landscape; margin: 3mm;}но ничего не получается сделать с FF и IE

    Asked by erange, March 6, 2016

    0 votes
    0 answers
15. Мой первый макет - критика, советы для улучшения

    Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как …

    Asked by Ota, March 5, 2016

    • верстка
    • критика
    • советы для улучшения
    • новичок
    0 votes
    6 answers
16. Media-float

    Доброго. Есть html страница с изображениями в блоках с float. Понял, что при ширине страницы ниже 435px с ними случается беда. Процентное уменьшении применить нельзя, ибо там изображения и сами понимаете, что с ними произойдёт при большом уменьшении. Так вот, можно ли написать медиа-запрос, что бы при ширине странице от 435px эти блоки с врезками вообще пропадали и оставался только текст?

    Asked by P0jar, March 5, 2016

    0 votes
    1 answer
17. В нижней части галереи перезжают фотографии

    Добрый день. Помогите пожалуйста разобраться, почему в глее переезжают фотографии в конце списка? 4-8-12фото... держатся ровно, а когда 1,2,3 на новой строке все плывет. http://pl.styleathome.ru/satin.html Спасибо.

    Asked by redcrazysun, March 5, 2016

    • галерея
    0 votes
    2 answers
18. Очень нужна ваша помощь!

    Я не силен в hrml`е ,по этому очень нужна ваша помощь ребята. Суть вопроса в том ,что мне нужно сделать на странице вид таким образом -> ​ с левой стороны будет таблица (которую я уже сделал). с выплывающим выбором а справа текст с дополнительными ссылками! Вроде бы все легко и понятно ,но вся проблема в том ,что я не знаю как правильно это сделать. При попытке написать текст с ссылками справой стороны страницы ,моя таблица начинает двигаться по абзацам вниз! Что делать?

    Asked by venemy, March 4, 2016

    • помощь
    0 votes
    1 answer
19. Как обратиться к значению класса в HTML ?

    Есть HTML страница, в которой есть класс: <div class=infoLine cPower><i></i> Мощность: 539.50 </div></div>Можно ли как-то через другую HTML страницу обратиться к этому классу и вытащить из неё значение 539.50? Если да то как? P.S. Просьба не пинать, HTML изучал в универе, кое-что знакомо, но не работал, тут вот чё-то захотелось))

    Asked by maxster, March 4, 2016

    0 votes
    10 answers
20. Прошу оценки помощи, критики

    Доброго времени суток. Написал для себя такую таблицу https://jsfiddle.net/xv2xmduv/5/ Это сетка, рассчитанная на ширину от 820px. 4, 3, 2 и 1 колонки. Писал сам, ибо разбираться с готовыми решениями не очень люблю. И не люблю когда проект собран из готовых кусков, как Франкеншетйн. Хотя может я и не прав, дело не в этом. Вопросы. 1. Есть ли явные ошибки/недочеты 2. Может что-то можно сделать проще 3. ... Буду рад всем замечаниям - предложениям - уточнениям Заранее благодарен.

    Asked by KosMuxa, March 4, 2016

    • css
    0 votes
    4 answers
21. Почему отвечает "неправильное значение свойства"?

    Здравствуйте. На сайте для body назначено свойство body{cursor:url('../images/cursor_rose.cur');}в инструментах Хрома высвечивается invalid property value, хотя скачать этот cursor_rose.cur по предлагаемой Хромом ссылке можно. В чем причина не отображения курсора?

    Asked by borus, March 4, 2016

    0 votes
    1 answer
22. Как понять такой синтаксис CSS?

    Собственно вопрос по CSS AUDIO, CANVAS, VIDEO{display: inline-block;=display: inline;=zoom: 1;} Как понимать знаки "равно"?Валидатор на это ругается, но это из готового шаблона. И в браузерах все работает.

    Asked by vanya-chemik, March 3, 2016

    0 votes
    9 answers
23. Модальное окно формы с затемнением фона

    Доброго времени суток всем! Возникла такая проблема. Создаю форму авторизации в виде модального окна. Хочу сделать так, чтобы когда появлялась форма, то остальной фон затемнялся. Для затемнения использую div-блок с position: fixed; c прозрачностью, меньшей единицы и z-index'ом равным 100. У самого модального окна я поставил z-index: 200, надеясь, что он унаследуется всеми вложенными div-ами, из которых я собирал модальное окно и все они будут лежать "выше" затемнения, значит не будут "затемняться". Но это не помогло. Часть составных блоков формы затемнилась, часть - осталось светлыми. Скриншоты проблемы: http://hipics.ru/image/wjJ-- форма без затемнения http://hipics.r…

    Asked by Impress, March 3, 2016

    • окно затемнение
    • верстка
    0 votes
    2 answers
24. Помогите с реализацией сайта пожалуйста

    Хочу создать в своем городе карту ЧП - чтобы можно было зайти - выбрать точку на карте и оставить отзыв с фото например. ПОдскажите пожалуйста как это реализовать (через яндекс карты или гугл - или любые другие - не важно-как!) попадая на сайт должна быть карта и варианты.Спасибо заранее, подскажите как реализовать или хотя бы что почитать чтобы понял сам.Спасибо!)

    Asked by alex.rakov1992, March 3, 2016

    0 votes
    2 answers
25. Приподнять <li>

    Вот так это выглядит: т.е. <li> смещается вниз. Его нужно как-то приподнять или наоборот, опустить иконку Как это сделать? http://codepen.io/anon/pen/xVGyqZ

    Asked by yaparoff, March 3, 2016

    0 votes
    1 answer