HTML Coding

29,542 questions in this forum

1. Типичные ошибки начинающего верстальщика

   Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…

   Asked by klierik, January 13, 2014

   3 votes
   156 answers
2. "Помогите мне с ..." — Как правильно оформить вопрос/проблему

   Добрый день. Данный пост расскажет о том, как правильно оформить вопрос, что бы получить на него ответ. Пожалуйста, выдели 2 минуты своего времени и прочитай ниже изложенное до конца. Давай согласимся с тем что никто никому ничего не обязан. Задавая вопрос на форуме никого не будет интересовать выполняешь ли ты заказ, за который получишь вознаграждение, или просто верстаешь бесплатный макет, или обучаешься. Ты просишь помощи и кто-то из форумчан любезно согласится тебе помочь. Задавая вопрос понимай тот факт, что время человека, который на него ответит, с очень большой вероятностью, стоит в несколько раз (а то и в десятки раз) дороже чем твоё (в рамках специа…

   Asked by klierik, June 3, 2013

   2 votes
   19 answers
3. Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?

   Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что есл…

   Asked by klierik, February 18, 2014

   • html
   • css
   • js
   • учитель
   • наставник
   • вёрстка
   • кодинг
   • обучение
   5 votes
   117 answers
4. Как расположить 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…

   Asked by Casufi, April 7, 2008

   1 vote
   12 answers
5. iPhone телепатит, где не просят :(

   Заметил странность Safari на iPhone: похоже, туда вшит какой-то примитивный ИИ, пытающийся найти на странице "главный текст" и увеличить шрифт в нем. Причем ладно бы уже увеличивал весь блок, так какое там: заголовки (даже с размерами, указанными в %!) оставляет как было по дизайну, а просто абзацы и списки раздувает раза в 4, получается безобразие. Алгоритм какой-то хитрый: содержимое дива с классом aside не раздувает, когда ставлю класс aside на основной блок, а у настоящего aside убираю — начинает раздувать бывший aside, но когда ставлю aside обоим — раскусывает, зараза, и основной див всё равно раздувает. Прямое указание размеров работает, но как относительное (т.е. ч…

   Asked by SelenIT, October 23, 2010

   1 vote
   3 answers
6. 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 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…

   Asked by quoter, June 5, 2014

   1 vote
   10 answers
7. linear-gradient при transform

   Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!

   Asked by vaskes, January 5, 2016

   1 vote
   2 answers
8. textarea Форма textarea и ее границы

   Возникло желание убрать границы вокруг поля ввода текста для textarea, "border: 0px" не предлагать, не те границы что постоянны убрать нужно, а те что появляются после нажатия мышью на него, синенькие обычно такие. Так что бы только курсор ввода мигал.. Не представляю как такое делается.( апп Для тех кто будет искать, ответ сам нашел. Нужно в стили это вставить!) textarea {outline:none;} textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;}

   Asked by Anagar, June 20, 2016

   1 vote
   1 answer
9. Виджеты wp

   Здравствуйте. Проблема в следующем, почему текст в верхних, виджетах, не выделяется? http://comp-tech.ru/ Как сделать так, чтобы можно было выделить? мышкой и скопировать

   Asked by skyline, November 28, 2016

   • wp
   1 vote
   2 answers
10. Почему формат шрифта eot на некоторых сайтах подключают отдельно, от всех остальных fon-face ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:500; src: local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 500'; src: url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } 1. Почему при подключении шрифта apple указывает имя шрифту такое font-family: 'SF P…

    Asked by Димитрий, November 19, 2017

    1 vote
    8 answers
11. Не могу заставить <button> действовать как inline

    Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/

    Asked by 7ion, December 24, 2017

    1 vote
    6 answers
12. Slick slider нужна помощь?

    Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.

    Asked by sorrow43, January 9, 2018

    1 vote
    2 answers
13. Почему некорректно отображаются иконки

    Решил анимировать иконки, нашел пример в интернете, скопировал в 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

    Asked by Ospna, January 10, 2018

    • html
    • css
    • svg
    • верстка
    • кроссбраузерность
    1 vote
    0 answers
14. Откуда берется картинка, когда даешь ссылку на сайт?

    Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.

    Asked by Svetlana_P, February 13, 2018

    1 vote
    2 answers
15. CSS по правилам Академии HTML и прочих гуру-верстальщиков

    Всем привет! Верстаю сайты более 10 лет. В основном для себя, не для коммерции. Начинал с табличной верстки, потом плавно перешел на блочную. Но никогда не обращал особого внимания на различные правила и рекомендации со стороны опытных верстальщиков. Мой подход к творчеству был предельно прост: если код проходит валидацию - хорошо. Если юзеры не жалуются на поехавшие блоки - ещё лучше! Однако, время и идет и приходится следовать современным тенденциям. После чтения различных материалов, типа "Стиль кода Академии HTML" , возник ряд вопросов, найти ответы на которые не удалось. В частности, касательно рекомендаций, которые даются в руководстве по написанию CSS. Например,…

    Asked by LUC, May 31, 2018

    1 vote
    5 answers
16. Масштабирование объекта 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> …

    Asked by ioprst, June 6, 2018

    • svg
    • html
    1 vote
    1 answer
17. Блок со скошенными краями

    Здравствуйте, подскажите пути решения такой вот задачи: Скрытый текст Адаптивный дизайн, родительский блок сделал с помощью clip-path:polygon, но у внутренних блоков есть border:2px поэтому clip-path не подходит. Подскажите, как правильнее это сверстать?

    Asked by Alex Def, June 25, 2018

    • css
    • clip-path
    1 vote
    12 answers
18. Стримы HTML и CSS

    Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом.

    Asked by Magic_Rabbit, July 1, 2018

    • для новичков
    • html
    • css
    • видео
    • обучение
    1 vote
    3 answers
19. Обрезка блоков

    Привет, очень редко сталкивался с этим и не люблю подобное, как эти блоки обрезать, что с ними вообще делать?

    Asked by exoty, July 4, 2018

    1 vote
    2 answers
20. Верстка неровных неровных блоков с закруглением

    Привет всем, объясните принцип верстки подобных блоков

    Asked by exoty, July 27, 2018

    1 vote
    6 answers
21. переменные в java script

    я хочу сделать 2 кнопки, нажимаешь на кнопку "нота" выводится рандомно нота, нажимаешь на кнопку песня и выводятся все ноты. я сделал кнопку, чтобы выводились ноты, а как сделать кнопку "песня" я не догоняю. помогите пожалуста. вот мой код:

    Asked by Гумеров Амир, November 7, 2018

    1 vote
    4 answers
22. Как задать меню по всей ширине?

    Не могу понять, как сделать чтобы <li> были по всей ширине контейнера меню. Например последний с права элемент норм ужался к краю контейнера. А слева между контейнером и первой <li> есть пустое место. Маржин с лева пробовал, но в таком случае с права образуется пустое место . https://jsfiddle.net/Lj3en6q0/2/

    Asked by viliksar, November 8, 2018

    -1 vote
    4 answers
23. SCROLLBAR - прокрутка страниц - общие вопросы

    как сделать скролбар, который двигается вверх-вниз в тон фону сайта или наоборот, сделать ярче него. подскажите ламеру

    Asked by travis, June 6, 2006

    0 votes
    5 answers
24. html страница из нескольких страниц

    Подскажите пожалуйста, как можно создать страницу состоящую из нескольких независимых документов. Я пробовал использовать тег "IFRAME", но он позволяет загружать любые другие независимые документы в область ТОЛЬКО ЗАДАННЫХ РАЗМЕРОВ. Мне же нужно чтобы размеры этой области определялись содержимым "подгружаемого" в эту область документа.

    Asked by Admin, June 17, 2006

    0 votes
    25 answers
25. 3 колонки - как выровнять по центру

    привет всем, использовал эту статью: http://www.htmlbook.ru/content/?id=100 все вроде понятно. но как теперь все выровнять по центру? я пробовал делать слой контейнер, задавать align = center, пробовал body text align и т.д. ничего не помогает. подскажите, пожалуйста, как правильней сделать.

    Asked by coldrain, April 29, 2007

    0 votes
    4 answers