HTML Coding

29,542 questions in this forum

1. Отображение шрифтов Google Chrome, Opera, Yandex

   Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z

   Asked by Torawhite, December 26, 2014

   0 votes
   14 answers
2. Как сверстать лучше сверстать блок

   Встала вот такая задача сверстать вот такой блок: http://prntscr.com/5sbbku Сейчас это выглядит вот так: http://azharova.ru/test/card_place2.html# Дизайнер предложил делать это с помощью скрипта, например вот такого http://blurjs.com/, но не совсем понятно к какому месту это применять Задача заключается в следующем, необходимо что бы на картинку натягивался градиент (на подобии слайдеров), если правая стороны превысит высоту картинки (она не измена и всегда 370рх)

   Asked by Anna Zharova, January 14, 2015

   0 votes
   14 answers
3. Практическая польза от использования HTML5 тегов!

   Собственно вопрос в названии темы. А то как только начинаю выполнять новый заказ. Появляется желание делать все по семантике с использованием html5 тегов. Но потом сомнения того, что они могут не корректно работать в старых браузерах, и вообще отсутствие на мой взгляд практической пользы от них заставляет одуматься и фигачить все дивами! Заранее спасибо!

   Asked by li4e, February 5, 2015

   0 votes
   14 answers
4. Проблема с позиционированием 2х блоков

   Сначала был примерно вот такой код: <div class="content"> <div class="content_div"></div> <div class="sidebar"> <p></p> <p></p> </div></div>с таким css: .content_div { margin-left: 220px;}.sidebar { float: left; width: 200px;}Все отображается нормально. Но тут для адаптивности шаблона под мобильники (на мобильниках планируется вывод сайдбара под контентом) потребовалось поменять местами content_div и sidebar. При этом sidebar съехал вниз под content_div. Поместил контент сайдбара в дополнительный блок и установил position: absolute: <div class="content"> <div class="sid…

   Asked by zevilz, February 27, 2015

   0 votes
   14 answers
5. Анимация фона

   Сделал вот такой пример. Почему-то время движения субъективно различается в браузерах. В хроме быстрее, в IE и Firefox медленнее. Почему так может быть? http://jsfiddle.net/04yvqa25/ Если движения сразу не видно, надо чуток подождать.

   Asked by Vlad, March 9, 2015

   0 votes
   14 answers
6. Оцените мою верстку

   Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !

   Asked by Shenia132, March 20, 2015

   • верстка
   0 votes
   14 answers
7. Верстка и центрирование блоков

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

   Asked by New1234567, April 16, 2015

   • css
   0 votes
   14 answers
8. Не работает clearfix

   Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

   Asked by L1felv0er, June 2, 2015

   • float
   • clearfix
   0 votes
   14 answers
9. Фиксация нескольких блоков

   Здравствуйте! Хотелось бы сделать макет примерно как на этом сайте. Казалось бы, обычный двухколоночный макет с фиксированным сайдбаром. Но весь нюанс в том, что мне нельзя сделать цельный сайдбар и просто его зафиксировать. Нужно сделать так, что бы логотип, навигация и фильтры были размещены по порядку и не были заключены в один контейнер. Когда я это пытаюсь реализовать, все, естественно, сбивается в кучу из-за position: fixed для каждого контейнера. Помогите, пожалуйста, дельным советом. Как это правильно реализовать? http://jsfiddle.net/47avbbqj/

   Asked by volshebnyi, July 12, 2015

   0 votes
   14 answers
10. Где разместить работы начинающему front-end разработчику?

    Всем привет! Я еще только начинающий front-end разработчик и пока не имею реальных заказов. Есть сайт-портфолио и порядка 5 работ(не на заказ, а собственные), которые хотелось бы где-нибудь разместить. Покупать платный хостинг не хочется, так как он платный, а количество работ со временем будет увеличиваться. Вопрос собственно в том, где можно было бы разместить эти работы, чтобы у каждой было свое доменное имя? Или для этих целей лучше стоит использовать один сайт? Может даже тот же сайт-портфолио?

    Asked by Antoshka007, July 25, 2015

    • front-end
    • portfolio
    0 votes
    14 answers
11. Программа для верстки на языке html5 и css3

    Подскажите пожалуйста такие проги! А также где их скачать!

    Asked by Pnagese, July 26, 2015

    0 votes
    14 answers
12. Скрипт отправки сообщений с сайта

    Здравствуйте! Подскажите, ну как,наконец, отправить сообщение с сайта? Я имею в виду скрипт, ну не один не работает у меня.((((( Код: <form id="MyForm" action="mail.php" method="post"> <input type="text" name="name" placeholder="Как Вас зовут?"> <input type="email" name="email" placeholder="Ваш e-mail"> <textarea cols="20" rows="7" name="body" placeholder="Напишите сообщение" required></textarea> <input type="submit" value="Отправить" /> </form>А вот и сам скрипт (этот скрипт я скопировала в файл mail.php <?phpif (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}if (isse…

    Asked by Alfa2015, August 16, 2015

    0 votes
    14 answers
13. css ​transform

    Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб

    Asked by vik1249, August 21, 2015

    0 votes
    14 answers
14. Непонятное сжатие полей ввода на смартфоне

    Столкнулся с непонятным поведением сайта на смартфоне. Сайт выглядит нормально пока не кликнуть на поле ввода. Когда выезжает клавиатура сайт сжимается, будто бы добавляются какие-то отступы по краям. Вот скрины с мобильника. На первом всё нормально, на втором при клике на инпут - всё сжалось. в живую можно глянуть на сайте - ссылка на втором скрине (раздел "контакты"). Кстати, на компьютере всё работает нормально, даже если окно сжать до 320х480.

    Asked by alleclf, September 2, 2015

    0 votes
    14 answers
15. Проблемы с передачей файла post'ом

    Доброго времени суток. Только начал осваивать html, возникла проблема с передачей файла через веб-форму. Попытался ее локализовать и представить вам. Имеется html страница с простейшим кодом: <!DOCTYPE html><html><head><title>Главная страница</title><meta charset="utf-8"></head><body> <form name="upload" method="POST" enctype="multipart/form-data"><input type="text" name="filename" /><br><input type="file" name="filecontent" /><br><input type="submit" value="OK" /></form> </body>Сервлет обрабатывающий страницу получает этот запрос, видит в нем текстовое поле "filename" и …

    Asked by itisme, September 21, 2015

    • input-file
    • post
    0 votes
    14 answers
16. Линия под заголовоком

    Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?

    Asked by rus, October 23, 2015

    0 votes
    14 answers
17. Подскажите, как исправить меню

    Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…

    Asked by Codename, October 23, 2015

    0 votes
    14 answers
18. Дальнейшее изучение

    Всем привет. Верстаю сайты, но хочу развиваться дальше и углубленно в этой сфере. Начал изучать js. Но еще очень много чего нужно изучать, поэтому вопрос - как лучше всего построить свое обучение, чтобы это было как можно более эффективно, и чтобы за "короткий срок" можно было поднять так сказать свой скилл ?

    Asked by Shenia132, October 26, 2015

    • изучение
    0 votes
    14 answers
19. Проблемы верстки

    Добрый день, есть сайт http://centertorg.net/вполне рабочий, но вдруг подтянуло верстку, на малых мониторах рвет главную страницу. помогите пожалуйста.

    Asked by Виктор1204, October 28, 2015

    0 votes
    14 answers
20. Фон для блока (background-size)

    Здравствуйте! Подскажите, как правильно (упор делаю именно на "как правильно", как попало -- я смогу сделать ))) ) оформить блок с фоном (с большой картинкой для фона). Не слишком ли огромный фон (почти на 2 экрана)? А как тогда текст ровнять? неужели с помощью position:absolute? Пример того, что у меня получилось можно посмотреть здесь А надо так: http://savepic.su/6522035.png Спасибо.

    Asked by Alfa2015, November 17, 2015

    0 votes
    14 answers
21. Страница грузится в неправильной кодировке

    Есть форум IPB.Проблема в том,что он открывается в кодировке UTF-8 вместо windows-1251.Стоит <meta http-equiv="content-type" content="text/html; charset=windows-1251" />,но это ничего не дает.Как сие победить?

    Asked by user, December 10, 2015

    0 votes
    14 answers
22. Как убрать тень между элементами?

    http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…

    Asked by Launder, December 11, 2015

    • box-shadow
    • z-index
    • position
    0 votes
    14 answers
23. Анимация CSS3 или JavaScript

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

    Asked by VIVA, December 21, 2015

    0 votes
    14 answers
24. Про заголовки (h*)

    Добрый вечер (или день!) Вопрос (надеюсь) простой, а именно: "Как правильно располагать заголовки на странице?" Они должны соблюдать иерархию? (От 1 > 6) Или можно ее нарушать? (Например, раздел сайта с заголовком h2, в нем три блока с заголовками h5) И как дело обстоит в section и article? Как я понимаю, в них используется своя структура заголовков? И последний вопрос. Можно ли использовать заголовок в списке (ul)? Где вместо первого li становится этот самый заголовок.

    Asked by BehemothOz, December 24, 2015

    0 votes
    14 answers
25. Помогите доработать "сайт")))

    Ребята, всем доброго времени суток. Вот только недавно начала интересоваться темой сайта строения, получается ну скажем очень и очень нехорошо))). Не знаю как сделать так чтобы, когда увеличиваешь масштаб или уменьшаешь не съезжали буквы и вообще "сайт" оставался одной и той же формы и конструкции. HTML: CSS: Ребята, прошу Вас не судите сторого и не обижайте меня плохими комментариями. Я ведь девочка, а вы мужчины, поэтому будьте так любезны помогите))) Заранее благодарна!

    Asked by Marina-Midas, January 12, 2016

    0 votes
    14 answers