HTML Coding

29,542 questions in this forum

1. JS vs CSS анимации

   Всем доброго дня. Я достаточно давно не занимался версткой, последний раз когда я что-то верстал - css3 и html5 были новинкой и все боялись их использовать из-за весьма скудной поддержки браузерами, вся анимация делалась на jquery в основном. Я так понимаю в данный момент эти технологии являются мейнстримом? Собственно я покурил гугл какое-то время и пришел к выводу, что анимации в современной реальности в большинстве случаев делаются на css3. Я понимаю профит от использования css вместо js - оптимизация, в следствие чего плавность и т.п. Собственно интересует мнение практикующих, насколько верно мое мнение по поводу распространенности css3 анимаций, и насколько хорошо эт…

   Asked by infidel, September 20, 2015

   0 votes
   9 answers
2. Как подогнать высоту страницы под высоту экрана?

   Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/)отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Речь идет о верстке в Bootstrap3, но с благодарностью приму и другие возможные решения. Спасибо большое!

   Asked by Denzil, September 21, 2015

   • html
   • css
   • html5
   • css3
   • bootstrap
   • bootstrap3
   • высота
   • страницы
   • экрана
   • подогнать
   0 votes
   9 answers
3. Различный способы подключения стилей

   Здравствуйте! Существует несколько способов подключения стилей. В особенности, это касается случая с медиа запросами. Например, гугл рекомендует делать несколько файлов - отдельный файл стилей для каждого медиа запроса: <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"><link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"><link rel="stylesheet" media="(orientation: portrait)" href="portrait.css"><link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">Естественно, можно все сделать в одном файле стилей. Уважаемые профи, какой способ используете Вы и почему?

   Asked by volshebnyi, September 22, 2015

   0 votes
   9 answers
4. Ищу стажировку HTML - верстальщик - HTML, CSS

   [В закладки] [Плавающее окно] #1 (permalink) Добрый день, Я начинающий специалист в верстке. Знаю HTML и CSS. Изучаю фреймворки и JS. Очень хочу реализовать свой потенциал в сфере web - разработки. Готова пройти стажировку ( рассматриваю и вариант не оплачиваемой), с дальнейшим трудоустройством. Буду рада интересным предложениям! мой почтовый ящик: verbenkina@gmail.ru

   Asked by YanaYaYa, September 22, 2015

   0 votes
   9 answers
5. Не корректная работа .navbar и Sticky [Bootstrap3]

   Приветствую! Я только изучаю bootstrap и в дизайне не силён. У меня такая проблема: Меню .navbar реализовано, как "липкое меню" и при прокрутке, когда прикрепряется к верху, его целостность рушится и подкладывается под карусель.

   Asked by Value_of, September 23, 2015

   • navbar
   • sticky
   • bootstrap
   • меню
   • фиксированное меню
   • липкое меню
   0 votes
   9 answers
6. Втиснуть блок, если есть место, а если нет,то оставить 100%

   Вот сделал рыбу, что есть: <div class="wrapper"> <div class="wrapper2"> <div class="photo"></div> <div class="param"></div> </div><div class="desc"></div></div>.wrapper {width:500px; height:1000px; background:pink; margin:0 auto;}.photo {background:yellow;float:left;height:300px;width:200px;}.param {background:green;float:left; height:200px;width:200px;}.desc {background:black;float:left; height:400px;width:100%;}тоже, онлайн: http://cssdeck.com/labs/usgkdfyd задача: если тех. характеристики товара (param) короткие, т.е. есть полно свободного места, то втиснуть описание (desc), чтобы карточка товара …

   Asked by nikki4, October 9, 2015

   0 votes
   9 answers
7. header ширина

   Привет. У меня header имеет ширину width 100% и высоту 820 px. Подскажите пожалуйста, как сделать обертку для всего контента (wrapper) меньшую чем размеры headera. Но притом чтобы header оставить таких размеров как и есть.

   Asked by bobb, October 15, 2015

   0 votes
   9 answers
8. Как подключить виджет uLogin к HTML сайту?

   Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?

   Asked by BloodyPriest, October 20, 2015

   • HTML создание сайта вёрстка
   0 votes
   9 answers
9. Рандомный цвет в переменной

   Приветствую! Имеется код, в котором переменная "t" содержит случайный цвет. Как сделать, чтобы при нажатии на кнопку, div заливался случайным цветом? <html><head> <meta charset="utf-8"> <style> #box { width: 25px; height: 25px; border: 1px solid black; margin: 20px; } </style></head><body> <input type="button" onclick="randomColor()" value="ЖМИ"> <div id="box"></div> <script> function randomColor() { document.getElementById("box").style.backgroundColor = "red"; var t = '#' + (Math.round(Math.random(99999999, 1) * 99999999)).toString(16).substr(1);}…

   Asked by samec1337, October 21, 2015

   0 votes
   9 answers
10. Проблемы с резиновой версткой.

    Здравствуйте форумчане. Это моя вторая верстка, была сделана больше недели назад, но на другом форуме не помогают, надеюсь здесь помогут. Вот что я сделал http://primer-primer.esy.es/Вот шаблон: https://yadi.sk/d/eoBIgxqejmdDB Как сделать маску для верхней картинки, что бы она сжималась и увеличивалась так как положено? (пробовал разными способами, но у меня криво выходит) Почему в div class=fact-one, текст и фотография в одном section, хоть я их ставил в разные? (пробовал float делать, не помогло, не пойму что я упускаю то)

    Asked by Fantastic, October 28, 2015

    0 votes
    9 answers
11. Проблема приоритетности селекторов в css

    Добрый день формучане! Помогите пожалуйста разобраться в проблеме в приоритетности селекторов. Написал легкий пример, где я задал селектор для всех элементов(*) и выставил там размер шрифта в ноль, потом для отдельных элементов написал в классе отдельный селектор(.s-font-stn) и поставил там нормальный шрифт. По идее у селектора * самый низкий приоритет и его должен перекрыть селектор .s-font-stn, но так не происходит и даже !important не помогает. Что случилось с версткой? http://codepen.io/anon/pen/RWYvJM

    Asked by Mavellol, November 6, 2015

    • приоритет
    • css селекторы
    0 votes
    9 answers
12. Можно ли применить стиль к родительскому блоку?

    есть код вида: <p><img....></p>картинку нужно во всю ширину страницы, но из-за стилей тега P, она имеет отступы и отображается не корректно. можно ли применить стиль только к тегу P после которого идет IMG? наоборот знаю, можно: p img {} а нужно наоборот. если да, то как?

    Asked by nikki4, November 6, 2015

    0 votes
    9 answers
13. Текст выходит за пределы 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
14. Не корректно работает z-index на Android 4.2

    Не корректно работает z-index на Android 4.2 Даже если взять пример с сайта бутстрап: http://getbootstrap.com/examples/theme/ Там есть верхнее навигационное меню ,которое при прокрутке страницы остается видимым, в нормальных браузерах. У навигационного меню задан стиль z-index:1030 Но если открыть эту же страницу на Android 4.2 (телефон, планшет) , то при прокрутке страницы верхнее навигационное меню становится невидимым, т.е. перекрывается контентом страницы. Очень надеюсь на вашу помощь ,так как точно такая же проблема возникла на моем сайте. что делать с z-index или заменить на какой то другой стиль?

    Asked by ishurgaya, January 14, 2016

    0 votes
    9 answers
15. Директория как поддомен

    Здравствуйте, прошу Вашей помощи вот по такому вопросу... Вот Вы 100% видели на различных конструкторах сайтов или на различных сервисах где можно побыренькому сварганить себе какой-либо форум, там при регистрации есть такая вещь что человек вводит адрес для своей будущей площадки и выбирает из списка домен второго уровня, в котором его площадка станет третьи уровнем. У некоторых вообще отсутствует такой выбор и все регистрируются под основной домен конкретного сервиса. Собственно вопрос... Как такое возможно реализовать? Способов конечно несколько и я уже просто устал читать древние топики на различных форумах по этой теме. У меня нет собственно сервера и править кон…

    Asked by Морская улиточка, February 1, 2016

    • директория
    • поддомен
    0 votes
    9 answers
16. Вёрстка паджинатора с переменным количеством страниц

    Привет. В общем столкнулся с задачей от дизайнера, которую вообще не понимаю как решить. Необходимо запилить паджинатор (то есть постраничную навигацию) Вот условия: 1. Страница резиновая. Немного упрощает жизнь то, что она не полностью резиновая, а от 1000 до 1300, но ширина переменная. 2. Ссылочек надо показать столько, сколько влезает на отведённое место, которое резиновое. 3. Если не выводится первая или последняя страница, то активная страница должна быть по центру, а справа и слева должны быть многоточия. 4. Если показывается первая или последняя страница, то точки только с одной стороны. Прилагаю скриншот. http://borber.ru/htmlbook/paginator.png У кого есть какие у…

    Asked by Veseloff, February 4, 2016

    0 votes
    9 answers
17. Чередование значения переменной в цикле

    Здравствуйте, подскажите пожалуйста... Есть переменная со значением 1 и есть цикл, в моём случае while. Как сделать так чтобы после первой итерации цикла переменная стала со значением 2 а потом уже с последующей итерацией опять 1 и так до бесконечности? То-есть нужно чтобы было что-то типа такого: 1 2 1 2 1 2 ... В голову пока никаких идей не пришло но подозреваю что данная вещь легко реализуется, может функция какая то есть. Спасибо за внимание!

    Asked by Морская улиточка, February 7, 2016

    0 votes
    9 answers
18. резиновое меню

    Необходимо растянуть горизонтальное меню на всю страницу Как это сделать? http://codepen.io/anon/pen/GoPRvR

    Asked by yaparoff, February 10, 2016

    • меню
    0 votes
    9 answers
19. Вёрстка прижатых друг к другу треугольных div'ов с фонами

    Как это можно реализовать? Обратите внимание, что оба блока имеют фон, это самое сложное. Если использовать псевдоклассы или вспомогательные div в виде треугольников, то на них background не распространяется, основные секции остаются прямоугольными. Нужно применять svg (который я почти не знаю) или можно как-то проще сделать?

    Asked by Esser, February 11, 2016

    • triangle
    0 votes
    9 answers
20. Какие стили рушат пагинацию страницы?

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

    Asked by borus, February 12, 2016

    0 votes
    9 answers
21. Структура семантических тегов в шаблоне на Bootstrap

    Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …

    Asked by Sigizmund, February 24, 2016

    0 votes
    9 answers
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. Программа для создания макета сайта

    Сколько видел, все макеты сайто в PSD. Мне удобнее для себя сделать в Illustrator'e или CorelDraw, хотя и с Photoshop'ом работаю. В чём соль PSD, удобнее потом разбирать? Или верстальщику проще этот формат открыть?

    Asked by prodx, March 16, 2016

    0 votes
    9 answers
24. Проблема с высотой

    Есть следующая страница https://webref.ru/course/introduction/browser Для создания вкладок используется Foundation 6, jQuery 2.1.4. Сами задания сделаны через H5P (h5p.org) и некоторые из них неверно отображаются из-за какой-то ошибки с высотой контейнера. Есть какие-то советы, в чём проблема и как её устранить?

    Asked by Vlad, March 18, 2016

    0 votes
    9 answers
25. Теги Ins или span, что оптимальнее использовать?

    Теги Ins или span, что оптимальнее использовать? Так и не понял смысл тега ins, когда также можно и картинку прикрутить и клик повесить... получается два тега идентичны?

    Asked by Alexys, March 24, 2016

    0 votes
    9 answers