HTML Coding

29542 questions in this forum

1. див авто регулирование высоты

   del

   Asked by https, December 23, 2015

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

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

   Asked by Vlad_P, December 23, 2015

   0 votes
   19 answers
3. Test tools

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

   Asked by seemax, December 23, 2015

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

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

   Asked by torsar, December 23, 2015

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

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

   Asked by VIVA, December 23, 2015

   • form
   0 votes
   5 answers
6. Как уменьшить размеры шрифтов для 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
7. Градиент без background

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

   Asked by ishurgaya, December 22, 2015

   0 votes
   4 answers
8. Проблема с фоном...

   Первый раз создаю сайт и столкнулся с проблемой след. характера: При написании сайта для его стилизации я разбил тег 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
9. style в body, нормально?

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

   Asked by CLK, December 22, 2015

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

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

    Asked by ivanviar, December 22, 2015

    0 votes
    11 answers
11. LESS компиляция на ходу.

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

    Asked by Q4Dizzy, December 22, 2015

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

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

    Asked by hypnocolor, December 22, 2015

    • gulp
    • html
    • css
    0 votes
    2 answers
13. Вопрос о возможностях 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
14. Каким редактором пользуетесь Вы?

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

    Asked by Nibaluiso, December 21, 2015

    0 votes
    37 answers
15. Анимация CSS3 или JavaScript

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

    Asked by VIVA, December 21, 2015

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

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

    Asked by severianin, December 21, 2015

    0 votes
    6 answers
17. Наложение слоя - оптимальный адаптивный вариант

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

    Asked by dron, December 21, 2015

    0 votes
    12 answers
18. Структура form

    Всем привет. Подскажите пожалуйста какую сделать лучше структуру для этих форм что на скрине ? Также еще вопрос, как делаются этот выпадающий список валют и инпуты такие ? http://pixs.ru/showimage/Lichniykab_9600987_19951905.jpg

    Asked by Shenia132, December 20, 2015

    • form
    • Структура
    0 votes
    6 answers
19. нижняя тень у деревянного блока

    Ребята!Подскажите как сделать конкретно такую нижнюю тень у деревянного блока? http://savepic.su/6851499.jpg http://savepic.su/6849451.jpg

    Asked by severianin, December 20, 2015

    0 votes
    4 answers
20. Текст выходит за пределы div, footer залезает на текст (2 колонный макет)

    В макете 2 колонки, вставленные в общий контейнер и у каждой float:left. Если поставить свойство height:auto в #content, то обе колонки будут растягиваться под текст при изменении масштаба, однако при среднем масштабе они не будут тянуться до конца контейнера (красный), это можно сделать height:100%, но после этого при увеличении масштаба текст будет вылазить за пределы серой и зеленой колонок. При этом вне зависимости от того, что я делаю с footer, он залезает на текст( https://jsfiddle.net/he2zzh6z/#&togetherjs=5OgHxfnAH5

    Asked by Chaffee, December 20, 2015

    0 votes
    9 answers
21. Правый контейнер падает

    Привет. Как сделать, чтобы правый контейнер не падал? Если текст в одну строку, то все в порядке, а если 2 и больше, то падает. Или проще сделать через table? CSS: .tdm {width: auto; font-size: 13px; padding-right: 15px;} .type-of-material {width: 100%; height: 85px; background: #620; margin: 10px 0 0 0;} .type-of-material-cover {width: 116px; height: 85px; background: #fff; float: left;} .type-of-material-info {width: 100%; background: #904; float: right;}HTML: <div class="tdm"> <div class="type-of-material"> <div class="type-of-material-cover"></div> <div class="type-of-material-info"> 51-я пех…

    Asked by m1n1vv, December 20, 2015

    0 votes
    2 answers
22. psd макет 2800px

    День добрый. Попался макет шириной 2800px, со словами заказчика: "Сайт будет адаптирован под мониторы различной ширины, минимальная ширина 1000 пикс." Не пойму как верстать) Шрифты, графика - просто огромные, к примеру размер заголовков по 40px (font-size), изображения, которые с виду должны быть около 200px имеют ширину по 600-700 Вопрос: верстать как моей душе угодно (думаю не стоит), делать фон на 100% контент на 1000px, или есть какой-то принцип масштабирования таких макетов (ну к примеру 2 к 1, но в таком случае рисовали бы тысячи на 2000-2400)?

    Asked by babuya, December 20, 2015

    • css
    • psd
    • верстка
    0 votes
    4 answers
23. Верстка темы Wordpress в контенте старницы

    Добрый день дорогие читатели форума! Обращаюсь к профессионалам по верстки тем на wordpress. Работаю с joomla и знаю что куда лепить, а вот с wordpress кодом практически не знаком. Хотя сам давно хотел уже для себя закрыть этот вопрос. И тут мне была поставлена задача сверстать шаблон на wordpress. Покопавшись в самом структуре кода, я понял что есть html разметка, в которую обернуты php вставки кода с выводом информации бд . Также регенерация классов происходит тоже за счет php. К сожалению разбираться с php у меня времени не так много, хотелось бы сделать все быстрее и как можно лучше. Свое внимание я обратил на редактор контента в woredpress. http://hkar.ru/FCjb …

    Asked by romenson, December 19, 2015

    • Wordpress
    • страница
    • верстка
    0 votes
    1 answer
24. Favicon

    Подскажите, может кто сталкивался. Загрузил свой favicon.ico на сайт. Все нормально браузер понимал и распознавал его. Через некоторое время иконка автоматически превратилась в красный шарик. Я не мог понять в чем проблема. Удалил свой favicon с сайта, но красножелтый шар в качестве иконки сайта, так и остался. Подскажите, как проверить откуда сайт берет favicon, может подгружает откуда?

    Asked by Pinga, December 19, 2015

    • Favicon
    0 votes
    2 answers
25. Скругленный снизу хедер, с border-radius не справиться

    Доброго вечера. Помогите решить небольшую проблему (для меня оказалась) Есть хедер, под ним слайдер и дальше контент, у контента фон серый (грубо говоря) у хедера со слайдером белый... Короче скрин прилагаю, не могу решить проблему со скруглением между слайдером и контентом. Подскажите пожалуйста. http://www.dropbox.com/s/n9lxwmnfuus7z8o/scr.png?dl=0

    Asked by babuya, December 18, 2015

    • css
    0 votes
    5 answers