HTML Coding

29542 questions in this forum

1. Наложение слоя - оптимальный адаптивный вариант

   Добрый день! По задумке, в шапке должен быль логотип, наложенный на горизонтальную черту, проходящую по всему экрану. Вопрос, как это лучше всего реализовать, для адаптивной верстки? Черта фоном? или <hr> или border, а сверху лого? Прошу помощи. Возможно, кто-то делал такое? Заранее спасибо!

   Asked by dron, December 21, 2015

   0 votes
   12 answers
2. спрятать один блок под другой

   Ребята! как мне самый нижний блок (в примере именуемый *minifooter*) спрятать под чёрный блок? https://jsfiddle.net/gjtdgqj2/

   Asked by severianin, December 21, 2015

   0 votes
   6 answers
3. Сборка отдельных html-блоков и их стилей в Gulp

   Ребята, назрел такой вопрос. Допустим, я делаю проект по bem-way, то есть отдельные блоки хранятся в отдельных каталогах. В каждом каталоге есть jade-файл с разметкой блока и scss-файл с его стилями. Каким образом можно с помощью Галпа собрать любой отдельный блок вместе с его стилями? Понятно, что можно на каждый блок насоздавать тасков, но ведь блоков может быть адова куча и постоянно добавляются новые, замучаешься таски добавлять. Было бы круто, если бы таск был один, но принимал, например, в качестве параметра в командной строке имя файла блока (или всего каталога, неважно, ради такого я готов терпеть любые ограничения в именах файлов и каталогов ) и собирал итоговы…

   Asked by hypnocolor, December 22, 2015

   • gulp
   • html
   • css
   0 votes
   2 answers
4. Вопрос о возможностях SASS

   Добрый день! Очень хотелось бы разобраться с таким вопросом. А точнее двумя вопросами 1. Изучаю SASS. Успел поверхностно оценить преимущества этого языка. Вот вопрос. Можно ли с помощью SASS автоматически переводить px в em? Т.е. есть формула target ÷ context = result (которая описывается у Итана Маркотта в книге "Отзывчивый веб дизайн). Если расшифровать ее (процитирую): " ..берем целевое значение кегля и делим на кегль (font size) его контейнера, то есть контекста. В результате мы получаем желаемый кегль, выраженный в относительных и достаточно гибких единицах em." Я понимаю это так. Можно font size body вывести в переменную, а затем с помощью мат.операций переве…

   Asked by BehemothOz, December 21, 2015

   0 votes
   10 answers
5. Анимация CSS3 или JavaScript

   Ребят, подскажите, пожалуйста, есть ли вообще смысл изучать и применять анимирование на CSS3, ведь javascript куда чаще используется для решения данных задач? Да и вообще, в каких случаях целесообразнее использовать CSS3, а когда javascript? Заранее спасибо всем кто обьяснит и поделиться своим опытом с бедненьким неучем!

   Asked by VIVA, December 21, 2015

   0 votes
   14 answers
6. Каким редактором пользуетесь Вы?

   Всем привет! Уже долгое время верстаю, используя простой Notepad++ и пару открытых браузеров с дебаггерами. Вроде бы все хорошо, но что-то подсказывает, что можно бы и побыстрее)) Кто чем пользуется? Когда-то советовали Sublime Text 2, но руки до него так и не дошли.. Да и вообще, ускоряет ли верстку хороший редактор? Или лучше всего то, к чему привык?

   Asked by Nibaluiso, December 21, 2015

   0 votes
   37 answers
7. Формы и масштабирование

   Подскажите, пожалуйста, по использованию форм. Если создать контейнер с заданной высотой и туда вставить форму, то при уменьшении масштаба форма начинает выходить за пределы контейнера. Подскажите, почему так происходит и как с этим бороться? Пример: https://jsfiddle.net/hhrjpjg3/2/. Если уменьшить масштаб, то форма выйдет за рамки бордера. Скриншот проблемы: http://prntscr.com/9hjgqk

   Asked by VIVA, December 23, 2015

   • form
   0 votes
   5 answers
8. LESS компиляция на ходу.

   Господа, подскажите по поводу компиляции LESS именно на стороне сервера... (с клиентской частью проблемы нет) Я так понимаю - для компиляции используется node.js? Есть ли ещё варианты без использования node ? (Эту тему знаю плоховато, потому и прошу помощи в этом направлении)

   Asked by Q4Dizzy, December 22, 2015

   0 votes
   2 answers
9. input на мобильных устройствах

   Добрый день, Помогите, пожалуйста. На мобильных устройствах при нажатии на input всплывает клавиатура, а само поле ввода увеличивается до конских размеров, сдвигая все остальное: т.е. кроме это поля, по сути, больше ничего не видно. Можно ли сделать так, чтобы при нажатии на input только появлялась клавиатура, а все размеры и масштабы оставались как есть. Спасибо. Иван

   Asked by ivanviar, December 22, 2015

   0 votes
   11 answers
10. style в body, нормально?

    Подскажите если я стили буду держать не в head, а в body, а точнее стили будут и там и там (несколько тегов style), это нормально? не будет считаться ошибкой?

    Asked by CLK, December 22, 2015

    0 votes
    19 answers
11. Проблема с resize()

    http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.

    Asked by Vlad_P, December 23, 2015

    0 votes
    19 answers
12. Проблема с фоном...

    Первый раз создаю сайт и столкнулся с проблемой след. характера: При написании сайта для его стилизации я разбил тег body div'ами (верх, центр, низ) и подключил к каждому фоновую картинку. Проблема в том, что между центральным и нижним фоном появился белый шов от фона body и я не знаю как его убрать. Пробовал: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Не помогло. Подскажите как состыковать фоны блоков друг с другом... https://jsfiddle.net/#&togetherjs=oeFLrO9tRC

    Asked by Amplus, December 22, 2015

    0 votes
    0 answers
13. Как уменьшить размеры шрифтов для Windows Phone?

    Всем привет! Недавно сверстал такую адаптивную страничку: http://word-master.hostifree.ru В браузере вроде бы все хорошо, но попробовал зайти со своей Nokia Lumia 520 (Windows phone, стандартный Internet Explorer) и ужаснулся: размеры шрифтов вообще не соответствуют тем, что прописаны в css - они гораздо больше. Из-за этого вся страница, ес-но, расползается.Пробовал искать в настройках самого браузера что-нибудь запрещающее уменьшение шрифта - там тоже нету.. Вопрос: как заставить мобильный браузер отображать именно те размеры шрифтов, которые я пропишу в самом css? Те, что сейчас отображаются в браузере, гораздо больше прописанных мной (они будто не могут уменьшиться н…

    Asked by Nibaluiso, December 22, 2015

    0 votes
    4 answers
14. Градиент без background

    Здравствуйте. как сделать чтобы градиент был поверх контента? Сейчас пробовал градиентом от прозрачного к белому. Но сделано через background , поэтому градиент под темно-синим квадратом. https://jsfiddle.net/ishurgaya/407szvnp/embedded/result/ А нужно чтобы темно-синий квадрат был под градиентом, то есть к низу прятался под белым градиентом. Добавление темно-синего квадрата (картинки) , через background-image не вариант, т.к. планируется вместо темно-синего квадрата разный контент (текст ,картинки) помогите как сделать?

    Asked by ishurgaya, December 22, 2015

    0 votes
    4 answers
15. Стили дизайна сайтов

    Сабж Я например слышал такое, как минималистический стиль. Какие вообще бывают стили? Если можно, с примерами.

    Asked by torsar, December 23, 2015

    0 votes
    2 answers
16. Test tools

    Прошу поделиться опытом применения тестирующих программ и ресурсов. Возможно, кто то из экспертов решал задачу анслиза и отбора таких инструментов. Попался недавно на глаза https://applitools.com/Зарегился, прогнал один из своих проектов, получил скриншот мобильного для того браузера в котором открыто окно. Потестить, погонять, наловчится надо отдать 100долл, т как позволяет только один проект в месяц... Если б меня спросили, must have BrowserSync, который позволяет синхронно играться на разных устройствах и разных браузерах, что гораздо динамичнее и удобнее вышеупомянутого инструмента. Пожалуйста, какие есть соображения по инструментам, исходя из личного опыта.

    Asked by seemax, December 23, 2015

    0 votes
    0 answers
17. max-width в Firefox и Chorme внутри таблицы

    Здравствуйте. Заметил такие различия в ff и chome, при применении свойства max-width внутри таблицы. https://jsfiddle.net/fdqzpvxc/1/ Что с этим делать, если есть необходимость всем изображения превышать ширину родителя (max-width:100%)?

    Asked by alex_web64, December 23, 2015

    0 votes
    3 answers
18. див авто регулирование высоты

    del

    Asked by https, December 23, 2015

    0 votes
    0 answers
19. Недоступность html файла

    Здравствуйте! Только что зарегистрировал домен http://miloserdie-nvrsk.ru/, но при попытке создать index.html, в браузере выдаёт тип "на сервере нет такого файла". Хотя файл на сервере есть. Как это можно исправить? Или нужно ждать пока DNS записи обновятся (Хотя это странно, ведь сам сайт браузер видит, и зайти на него может, просто там белая страница и всё)? Заранее спасибо!

    Asked by 666FoX666, December 23, 2015

    0 votes
    10 answers
20. Используете ли Вы готовые Html-шаблоны верстки?

    Привет всем. Задался таким вопросом,так как пока еще довольно долго верстаю. Реально ли использовать для создания страниц с уникальным дизайном готовые шаблоны по типу этих? Кто-нибудь так делает вообще? Или в итоге еще хуже/дольше будет получаться? Просто как по мне, то гораздо легче/быстрее готовый код через дебаггеры редактировать и пересохранять, чем свой с нуля писать.

    Asked by Nibaluiso, December 23, 2015

    0 votes
    6 answers
21. печать страницы из браузера

    http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?

    Asked by https, December 23, 2015

    0 votes
    3 answers
22. Пример работы "в ноутбуке"

    Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку

    Asked by Bava, December 23, 2015

    0 votes
    4 answers
23. Помогите допилить регулярное выражение '(

    Здравствуйте. Нужно проверить логин пользователя, а т.к. логин будет использоваться еще и в url (будет личный кабинет пользователя) то требования к логину "самые жесткие": 1 только латинские буквы или цифры , а так же допускаются знаки _.- 2 не может начинаться с _.- и заканчиваться соответственно тоже 3 не могут повторятся символы подряд например -- или -_ или -. и т.п. Ниже составленная мною регулярка прекрасно проверяет такие вот примерно логины: SuperNic или Super-Nic Вот если нужно так к примеру то не пропускает: S-u_p-e-r.Nic Понимаю что эта регулярка должна повторятся как-бы что ли чтобы знаки с буквами тоже могли повторятся по требованиям выше представленных…

    Asked by koly32, December 24, 2015

    0 votes
    12 answers
24. границы сдвига элементов при изменении размеров страницы (css)

    Всем привет У меня вопрос - можно ли только с помощью css и html тегов (без привлечения JS) реализовать следующую вещь: есть 2 элемента - один всегда находится слева сверху страницы img.corner_lt { width: 200px; border: 0px; display: block; position: absolute; left: 10px; top: 10px; z-index: 1000; } второй - сверху по центру экрана (div в котором находится текст) div.menu { width: 100%; height: 30px; padding: 15px 0px 15px 0px; border-style: none; display: block; position: absolute; text-align: center; } Когда окно браузера начинает уменьшаться (по ширине), то текст (из div.menu) рано или поздно начинает наползать н…

    Asked by Zhihar, December 24, 2015

    0 votes
    7 answers
25. Нужна помощь в поиске ошибки

    Всем привет! https://jsfiddle.net/94716qm3/1/ Нужно после input'а выдавать сообщение об ошибке после потери фокуса.

    Asked by XuLLlHuK, December 24, 2015

    0 votes
    2 answers