HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes2 answers
-
0 votes3 answers
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
29,501 questions in this forum
-
Типичные ошибки начинающего верстальщика
Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…
3 votes156 answers -
"Помогите мне с ..." — Как правильно оформить вопрос/проблему
Добрый день. Данный пост расскажет о том, как правильно оформить вопрос, что бы получить на него ответ. Пожалуйста, выдели 2 минуты своего времени и прочитай ниже изложенное до конца. Давай согласимся с тем что никто никому ничего не обязан. Задавая вопрос на форуме никого не будет интересовать выполняешь ли ты заказ, за который получишь вознаграждение, или просто верстаешь бесплатный макет, или обучаешься. Ты просишь помощи и кто-то из форумчан любезно согласится тебе помочь. Задавая вопрос понимай тот факт, что время человека, который на него ответит, с очень большой вероятностью, стоит в несколько раз (а то и в десятки раз) дороже чем твоё (в рамках специа…
2 votes19 answers -
Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?
Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что есл…
5 votes117 answers -
Как расположить div справа от предыдущего
Есть код <div class=all_page> <div class=left_content_border> <div class=left_content> <img src="/site_resources/images/sidebanner.jpg"/> <div class=second_menu> Это первый блок </div> </div> </div> <div class=right_content_border> <div class=right_content> Это второй блок Он должен находиться справа от первого </div> </div> </div> </div> Вот стили .left_content_border{ margin-left: 5px; width: 248px; background-color: #ebebeb; float: left; } .left_content { margin-right: 4px; background-color: #ffffff; } .right_content_border { background-color: #ebebeb; marg…
1 vote12 answers -
iPhone телепатит, где не просят :(
Заметил странность Safari на iPhone: похоже, туда вшит какой-то примитивный ИИ, пытающийся найти на странице "главный текст" и увеличить шрифт в нем. Причем ладно бы уже увеличивал весь блок, так какое там: заголовки (даже с размерами, указанными в %!) оставляет как было по дизайну, а просто абзацы и списки раздувает раза в 4, получается безобразие. Алгоритм какой-то хитрый: содержимое дива с классом aside не раздувает, когда ставлю класс aside на основной блок, а у настоящего aside убираю — начинает раздувать бывший aside, но когда ставлю aside обоим — раскусывает, зараза, и основной див всё равно раздувает. Прямое указание размеров работает, но как относительное (т.е. ч…
1 vote3 answers -
Emmet в PHPStorm ставит лишние отступы и разрывы строк
пишу вот такую конструкцию: input:button[value=$]*5 ide все понимает правильно, ставит пять кнопок в ряд с названиями от 1 до 5. но, в редакторе код при этом получается с тоннами лишних отступов, лишних разрывов строк и категорически нечитаемый: <input type="button" value="1"/><input type="button" value="2"/><input type="button" value="3"/><input type="button" value="4"/><input type="button" value="5"/>при этом классическое ul>li.item1*5 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…
1 vote10 answers -
linear-gradient при transform
Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!
1 vote2 answers -
textarea Форма textarea и ее границы
Возникло желание убрать границы вокруг поля ввода текста для textarea, "border: 0px" не предлагать, не те границы что постоянны убрать нужно, а те что появляются после нажатия мышью на него, синенькие обычно такие. Так что бы только курсор ввода мигал.. Не представляю как такое делается.( апп Для тех кто будет искать, ответ сам нашел. Нужно в стили это вставить!) textarea {outline:none;} textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;}
1 vote1 answer -
Почему некорректно отображаются иконки
Решил анимировать иконки, нашел пример в интернете, скопировал в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и Edge - на переднем плане анимированный градиент, а на заднем иконка пример кода пример того как должна выглядеть анимированная иконка во вложении Screen Capture 2018-01-10 06.49.14.mov
1 vote0 answers -
CSS по правилам Академии HTML и прочих гуру-верстальщиков
Всем привет! Верстаю сайты более 10 лет. В основном для себя, не для коммерции. Начинал с табличной верстки, потом плавно перешел на блочную. Но никогда не обращал особого внимания на различные правила и рекомендации со стороны опытных верстальщиков. Мой подход к творчеству был предельно прост: если код проходит валидацию - хорошо. Если юзеры не жалуются на поехавшие блоки - ещё лучше! Однако, время и идет и приходится следовать современным тенденциям. После чтения различных материалов, типа "Стиль кода Академии HTML" , возник ряд вопросов, найти ответы на которые не удалось. В частности, касательно рекомендаций, которые даются в руководстве по написанию CSS. Например,…
1 vote5 answers -
Масштабирование объекта SVG
Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" height="1088px" style="background:#FFFFFF" version="1.1" width="1088px"> <defs> <style type="text/css"> .default_default { fill: #E4801B; stroke: #000000; stroke-width: 1.0px; } </style> …
1 vote1 answer -
Стримы HTML и CSS
Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.
1 vote3 answers -
Обрезка блоков
Привет, очень редко сталкивался с этим и не люблю подобное, как эти блоки обрезать, что с ними вообще делать?
1 vote2 answers -
Верстка неровных неровных блоков с закруглением
Привет всем, объясните принцип верстки подобных блоков
1 vote6 answers -
переменные в java script
я хочу сделать 2 кнопки, нажимаешь на кнопку "нота" выводится рандомно нота, нажимаешь на кнопку песня и выводятся все ноты. я сделал кнопку, чтобы выводились ноты, а как сделать кнопку "песня" я не догоняю. помогите пожалуста. вот мой код:
1 vote4 answers -
Как задать меню по всей ширине?
Не могу понять, как сделать чтобы <li> были по всей ширине контейнера меню. Например последний с права элемент норм ужался к краю контейнера. А слева между контейнером и первой <li> есть пустое место. Маржин с лева пробовал, но в таком случае с права образуется пустое место . https://jsfiddle.net/Lj3en6q0/2/
-1 vote4 answers -
SCROLLBAR - прокрутка страниц - общие вопросы
как сделать скролбар, который двигается вверх-вниз в тон фону сайта или наоборот, сделать ярче него. подскажите ламеру
0 votes5 answers -
html страница из нескольких страниц
Подскажите пожалуйста, как можно создать страницу состоящую из нескольких независимых документов. Я пробовал использовать тег "IFRAME", но он позволяет загружать любые другие независимые документы в область ТОЛЬКО ЗАДАННЫХ РАЗМЕРОВ. Мне же нужно чтобы размеры этой области определялись содержимым "подгружаемого" в эту область документа.
0 votes25 answers -
3 колонки - как выровнять по центру
привет всем, использовал эту статью: http://www.htmlbook.ru/content/?id=100 все вроде понятно. но как теперь все выровнять по центру? я пробовал делать слой контейнер, задавать align = center, пробовал body text align и т.д. ничего не помогает. подскажите, пожалуйста, как правильней сделать.
0 votes4 answers -
как растянуть на 100% div-блок (position:absolute;)?
В общем, проблема такова: есть div-блок, котрый позиционирован по абсолютным координатам, допустим, слева:100px и сверху:100px; Мне нужно его растянуть до низа страницы - т.е. сделать высоту:100%. Пишу, значит: height:100%; и происходит следующее: этот div-блок "вылезает" за низ экрана ровно на столько, на сколько я его отодвинул сверху - на 100px!!! Что делать? Может я изначально неправильно делаю? Как растянуть этот блок ровно до низа экрана? А, еще, доктайп: quot;-//W3C//DTD HTML 4.01 Transitional//EN"> В IE этот прикол со 100% работает корректно - ниче никуда не вылазит, а в Мозилле глюки - вылазит!
0 votes23 answers -
Для чего нужен Smarty
Практически все хоть раз да слышали о разделении кода и содержания, текста и оформления, отделения логики от представления. Смысл в том, чтобы программный код был максимально независим от дизайна сайта. Это позволяет: 1. вести работу над дизайном и программированием одного сайта параллельно; 2. легко вносить изменения, не боясь что-нибудь ?испортить?; 3. быстро делать редизайн всего сайта или отдельных его разделов; 4. добавлять новые программные модули без существенной переделки HTML-кода. Исходно в одном файле PHP уживается код HTML и его программная часть, которые порой так перемешаны, что для разбора и модификации текста приходится тратить массу усилий и времени. Для …
0 votes15 answers -
нарезка шаблона
здравствуйте. расскажите пожалуйста о основных принципах и правилах при нарезке psd-макетов для дальшейшей верстки. в идеале в реальным примером. спасибо. извиняюсь если не туда написал.
0 votes12 answers -
фон - полупрозрачный png
Уважаемые господа, не подскажете ли более-менее красивый способ положить полупрозрачный PNG в качестве фонового изображения, чтобы это не выглядело ужасно в [lte IE 6]. Решений для обычного находится предостаточно, а относительно фона - практически ничего не говорится...
0 votes7 answers -
Индексация в яндексе
Специ, подскажите как поисковый паук яндекса читает код html, допустим если я выделю определенный блок страницы в отдельную папку поставлю запрет индексации на эту папку через робот.тхт будет ли данный блок проиндексирован? Блок через инклуд вставляется в определенную страницу которая разрешена для индексации яндекса. Задача стоит чтобы данный блок не был проиндексирован, но при этом нормально отображался на заданной странице. И второй вопросик, можно ли как-то поменять название тега например тег на <абра-кадабра>, при этом необходимо чтобы тег исполнылся как обычно. Извините если не ясно выразился, как смог.
0 votes12 answers -
боковины
Хочу попросить совета. Я хочу сделать у себя графичиские боковинки для сайта (узоры). Я слышал, что footer страницы прикрепляют с помощью JavaScript или CSS. Нужно ли, что-то подобное для боковинок?
0 votes34 answers