HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Наложение слоя - оптимальный адаптивный вариант
Добрый день! По задумке, в шапке должен быль логотип, наложенный на горизонтальную черту, проходящую по всему экрану. Вопрос, как это лучше всего реализовать, для адаптивной верстки? Черта фоном? или <hr> или border, а сверху лого? Прошу помощи. Возможно, кто-то делал такое? Заранее спасибо!
0 votes12 answers -
спрятать один блок под другой
Ребята! как мне самый нижний блок (в примере именуемый *minifooter*) спрятать под чёрный блок? https://jsfiddle.net/gjtdgqj2/
0 votes6 answers -
Сборка отдельных html-блоков и их стилей в Gulp
Ребята, назрел такой вопрос. Допустим, я делаю проект по bem-way, то есть отдельные блоки хранятся в отдельных каталогах. В каждом каталоге есть jade-файл с разметкой блока и scss-файл с его стилями. Каким образом можно с помощью Галпа собрать любой отдельный блок вместе с его стилями? Понятно, что можно на каждый блок насоздавать тасков, но ведь блоков может быть адова куча и постоянно добавляются новые, замучаешься таски добавлять. Было бы круто, если бы таск был один, но принимал, например, в качестве параметра в командной строке имя файла блока (или всего каталога, неважно, ради такого я готов терпеть любые ограничения в именах файлов и каталогов ) и собирал итоговы…
0 votes2 answers -
Вопрос о возможностях SASS
Добрый день! Очень хотелось бы разобраться с таким вопросом. А точнее двумя вопросами 1. Изучаю SASS. Успел поверхностно оценить преимущества этого языка. Вот вопрос. Можно ли с помощью SASS автоматически переводить px в em? Т.е. есть формула target ÷ context = result (которая описывается у Итана Маркотта в книге "Отзывчивый веб дизайн). Если расшифровать ее (процитирую): " ..берем целевое значение кегля и делим на кегль (font size) его контейнера, то есть контекста. В результате мы получаем желаемый кегль, выраженный в относительных и достаточно гибких единицах em." Я понимаю это так. Можно font size body вывести в переменную, а затем с помощью мат.операций переве…
0 votes10 answers -
Анимация CSS3 или JavaScript
Ребят, подскажите, пожалуйста, есть ли вообще смысл изучать и применять анимирование на CSS3, ведь javascript куда чаще используется для решения данных задач? Да и вообще, в каких случаях целесообразнее использовать CSS3, а когда javascript? Заранее спасибо всем кто обьяснит и поделиться своим опытом с бедненьким неучем!
0 votes14 answers -
Каким редактором пользуетесь Вы?
Всем привет! Уже долгое время верстаю, используя простой Notepad++ и пару открытых браузеров с дебаггерами. Вроде бы все хорошо, но что-то подсказывает, что можно бы и побыстрее)) Кто чем пользуется? Когда-то советовали Sublime Text 2, но руки до него так и не дошли.. Да и вообще, ускоряет ли верстку хороший редактор? Или лучше всего то, к чему привык?
0 votes37 answers -
Формы и масштабирование
Подскажите, пожалуйста, по использованию форм. Если создать контейнер с заданной высотой и туда вставить форму, то при уменьшении масштаба форма начинает выходить за пределы контейнера. Подскажите, почему так происходит и как с этим бороться? Пример: https://jsfiddle.net/hhrjpjg3/2/. Если уменьшить масштаб, то форма выйдет за рамки бордера. Скриншот проблемы: http://prntscr.com/9hjgqk
0 votes5 answers -
LESS компиляция на ходу.
Господа, подскажите по поводу компиляции LESS именно на стороне сервера... (с клиентской частью проблемы нет) Я так понимаю - для компиляции используется node.js? Есть ли ещё варианты без использования node ? (Эту тему знаю плоховато, потому и прошу помощи в этом направлении)
0 votes2 answers -
input на мобильных устройствах
Добрый день, Помогите, пожалуйста. На мобильных устройствах при нажатии на input всплывает клавиатура, а само поле ввода увеличивается до конских размеров, сдвигая все остальное: т.е. кроме это поля, по сути, больше ничего не видно. Можно ли сделать так, чтобы при нажатии на input только появлялась клавиатура, а все размеры и масштабы оставались как есть. Спасибо. Иван
0 votes11 answers -
style в body, нормально?
Подскажите если я стили буду держать не в head, а в body, а точнее стили будут и там и там (несколько тегов style), это нормально? не будет считаться ошибкой?
0 votes19 answers -
Проблема с resize()
http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.
0 votes19 answers -
Проблема с фоном...
Первый раз создаю сайт и столкнулся с проблемой след. характера: При написании сайта для его стилизации я разбил тег body div'ами (верх, центр, низ) и подключил к каждому фоновую картинку. Проблема в том, что между центральным и нижним фоном появился белый шов от фона body и я не знаю как его убрать. Пробовал: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Не помогло. Подскажите как состыковать фоны блоков друг с другом... https://jsfiddle.net/#&togetherjs=oeFLrO9tRC
0 votes0 answers -
Как уменьшить размеры шрифтов для Windows Phone?
Всем привет! Недавно сверстал такую адаптивную страничку: http://word-master.hostifree.ru В браузере вроде бы все хорошо, но попробовал зайти со своей Nokia Lumia 520 (Windows phone, стандартный Internet Explorer) и ужаснулся: размеры шрифтов вообще не соответствуют тем, что прописаны в css - они гораздо больше. Из-за этого вся страница, ес-но, расползается.Пробовал искать в настройках самого браузера что-нибудь запрещающее уменьшение шрифта - там тоже нету.. Вопрос: как заставить мобильный браузер отображать именно те размеры шрифтов, которые я пропишу в самом css? Те, что сейчас отображаются в браузере, гораздо больше прописанных мной (они будто не могут уменьшиться н…
0 votes4 answers -
Градиент без background
Здравствуйте. как сделать чтобы градиент был поверх контента? Сейчас пробовал градиентом от прозрачного к белому. Но сделано через background , поэтому градиент под темно-синим квадратом. https://jsfiddle.net/ishurgaya/407szvnp/embedded/result/ А нужно чтобы темно-синий квадрат был под градиентом, то есть к низу прятался под белым градиентом. Добавление темно-синего квадрата (картинки) , через background-image не вариант, т.к. планируется вместо темно-синего квадрата разный контент (текст ,картинки) помогите как сделать?
0 votes4 answers -
Стили дизайна сайтов
Сабж Я например слышал такое, как минималистический стиль. Какие вообще бывают стили? Если можно, с примерами.
0 votes2 answers -
Test tools
Прошу поделиться опытом применения тестирующих программ и ресурсов. Возможно, кто то из экспертов решал задачу анслиза и отбора таких инструментов. Попался недавно на глаза https://applitools.com/Зарегился, прогнал один из своих проектов, получил скриншот мобильного для того браузера в котором открыто окно. Потестить, погонять, наловчится надо отдать 100долл, т как позволяет только один проект в месяц... Если б меня спросили, must have BrowserSync, который позволяет синхронно играться на разных устройствах и разных браузерах, что гораздо динамичнее и удобнее вышеупомянутого инструмента. Пожалуйста, какие есть соображения по инструментам, исходя из личного опыта.
0 votes0 answers -
max-width в Firefox и Chorme внутри таблицы
Здравствуйте. Заметил такие различия в ff и chome, при применении свойства max-width внутри таблицы. https://jsfiddle.net/fdqzpvxc/1/ Что с этим делать, если есть необходимость всем изображения превышать ширину родителя (max-width:100%)?
0 votes3 answers -
0 votes0 answers
-
Недоступность html файла
Здравствуйте! Только что зарегистрировал домен http://miloserdie-nvrsk.ru/, но при попытке создать index.html, в браузере выдаёт тип "на сервере нет такого файла". Хотя файл на сервере есть. Как это можно исправить? Или нужно ждать пока DNS записи обновятся (Хотя это странно, ведь сам сайт браузер видит, и зайти на него может, просто там белая страница и всё)? Заранее спасибо!
0 votes10 answers -
Используете ли Вы готовые Html-шаблоны верстки?
Привет всем. Задался таким вопросом,так как пока еще довольно долго верстаю. Реально ли использовать для создания страниц с уникальным дизайном готовые шаблоны по типу этих? Кто-нибудь так делает вообще? Или в итоге еще хуже/дольше будет получаться? Просто как по мне, то гораздо легче/быстрее готовый код через дебаггеры редактировать и пересохранять, чем свой с нуля писать.
0 votes6 answers -
печать страницы из браузера
http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?
0 votes3 answers -
Пример работы "в ноутбуке"
Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку
0 votes4 answers -
Помогите допилить регулярное выражение '(
Здравствуйте. Нужно проверить логин пользователя, а т.к. логин будет использоваться еще и в url (будет личный кабинет пользователя) то требования к логину "самые жесткие": 1 только латинские буквы или цифры , а так же допускаются знаки _.- 2 не может начинаться с _.- и заканчиваться соответственно тоже 3 не могут повторятся символы подряд например -- или -_ или -. и т.п. Ниже составленная мною регулярка прекрасно проверяет такие вот примерно логины: SuperNic или Super-Nic Вот если нужно так к примеру то не пропускает: S-u_p-e-r.Nic Понимаю что эта регулярка должна повторятся как-бы что ли чтобы знаки с буквами тоже могли повторятся по требованиям выше представленных…
0 votes12 answers -
границы сдвига элементов при изменении размеров страницы (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) рано или поздно начинает наползать н…
0 votes7 answers -
Нужна помощь в поиске ошибки
Всем привет! https://jsfiddle.net/94716qm3/1/ Нужно после input'а выдавать сообщение об ошибке после потери фокуса.
0 votes2 answers