HTML Coding

29,542 questions in this forum

1. Сборка отдельных html-блоков и их стилей в Gulp

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

   Asked by hypnocolor, December 22, 2015

   • gulp
   • html
   • css
   0 votes
   2 answers
2. Проблема с фоном...

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

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

   Asked by Nibaluiso, December 21, 2015

   0 votes
   37 answers
5. 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
6. LESS компиляция на ходу.

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

   Asked by Q4Dizzy, December 22, 2015

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

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

   Asked by dron, December 21, 2015

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

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

   Asked by Shenia132, December 20, 2015

   • form
   • Структура
   0 votes
   6 answers
9. спрятать один блок под другой

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

   Asked by severianin, December 21, 2015

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

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

    Asked by severianin, December 20, 2015

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

    Привет. Как сделать, чтобы правый контейнер не падал? Если текст в одну строку, то все в порядке, а если 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
12. Верстка темы 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
13. Перевод шаблона на русский язык

    Здравствуйте. Впервые берусь за верстку, нашел нужный шаблон, но при изменении в теге <h2> с английских слов на русские, при просмотре в браузере текст исчезает. Шаблон начинается со строк: <!DOCTYPE html> <html lang="en"> <head> <title>Название сайта</title> <meta charset="utf-8"> Пробовал менять <html lang="en"> на <html lang="ru"> - не помогает. Может нужно кодировку изменить? На всякий случай загрузил шаблон на Народ http://narod.ru/disk/17445643001/Airplanes.rar.html Пишу здесь т.к. в поиске по форуму такой темы не нашел. Подскажите пожалуйста.

    Asked by q3dm4pro, June 28, 2011

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

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

    Asked by babuya, December 18, 2015

    • css
    0 votes
    5 answers
15. Favicon

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

    Asked by Pinga, December 19, 2015

    • Favicon
    0 votes
    2 answers
16. float и position при адаптивной верстке

    Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow

    Asked by nooobito, December 18, 2015

    • float position
    0 votes
    6 answers
17. Растянуть Div с float вертикально по высоте

    Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код

    Asked by ProJey, December 13, 2015

    0 votes
    11 answers
18. Кнопки поделиться свой дизайн

    Вот такие кнопки Какой сервис можно использовать генерации кнопок поделиться, чтобы заменить их на свои?

    Asked by okunev2, December 11, 2015

    0 votes
    10 answers
19. Как исправить hover?

    Как исправить hover подменю, а именно, не возможно попасть курсором на подменю и выровнить бэкграунт подменю по центру?

    Asked by webmax, December 18, 2015

    0 votes
    2 answers
20. Правильное подключение Media Queries

    Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…

    Asked by Coolbits, November 28, 2015

    • адаптивная
    • верстка
    • media queries
    0 votes
    2 answers
21. написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!

    Всем привет! Ребята,я начинающий веб дизайнер,написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!!! Помогите пожалуйста,так что бы заполненная форма,тех кто хочет ей воспользоваться,отправлялась бы мне на почту: lsu73@mail.ru За ранее благодарен всем,кто откликнется! Форму в html,я прописываю ниже: <html><head><title>Обратная связь!</title><link rel="stylesheet" type="text/css" href="index.css"></head><body> <table style="width:900px;margin:0 auto;padding:20px 0px;"><tr><td style="width:435px;padding-left:40px;"> <div style="padding:30px 0px;font-family:Verdana;font-size:2…

    Asked by lisur, December 16, 2015

    0 votes
    7 answers
22. Почему min-height от min-height не работает?

    А почему min-height от min-height не работает? https://jsfiddle.net/Launder/w092L3qL/ если в #level1 вместо height поставить min-height, то браузер не сможет подсчитать размер для #level2 И как же быть, если нам нужно сделать именно растягивающийся блок, минимальный размер которого задан в %?

    Asked by Launder, December 17, 2015

    • min-height
    0 votes
    3 answers
23. Разное отображение сайта на iPad и на персональном компьютере

    На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука: Код структуры лендинга: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?

    Asked by prowoke, December 12, 2015

    0 votes
    10 answers
24. Меню западает за видимость

    Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/

    Asked by vitaxastifler, December 8, 2015

    0 votes
    7 answers
25. Съехала верстка

    Всем привет, народ, вот такая проблема. Есть сайт: http://www.stroitelnie-materialy-toliatti.ru/ Там внизу слайдер с разным оборудованием. Так вот, в разделе электроинструменты съехала верстка, 3-й товар отображается на новой строке, почему то. а должно быть например как в разделе "Плиточный клей", 2 строки, по 3 товара в каждой. Помогите знающие люди, где верстка у меня съехала? Какой класс подправить? А то уже голову сломал ((.

    Asked by fenix_63, December 17, 2015

    0 votes
    1 answer