Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

29,517 questions in this forum

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

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

    Asked by klierik,

    3 votes
    156 answers

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

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

    Asked by klierik,

    2 votes
    19 answers

  3. Нужна помощь в верстке меню-бара

    Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .nav { display: flex; list-style-type: none; padding-left: 0; font-size: 17px; text-transform: uppercase; } .nav > li > a { color: #fff; text-decoration: none; } .nav > li { padding-left: 29px; margin-left: 30px; } .header { display: flex; back…

    Asked by senioz,

    0 votes
    0 answers

  4. Не работает reset на кастомном select

    Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM

    Asked by zama,

    0 votes
    1 answer

  5. не применяются медиа запросы в верстк

    подскажите по какой причине не применяются медиа запросы в верстке mth.zip mth.zip

    Asked by _dendy_,

    0 votes
    1 answer

  6. Вопрос от начинающего по CSS и HTML

    CSS не хочет добавлять просто заливку фона в один цвет ( для проверки подключения), НО цвет текста меняет. В интернете пытался найти проблему, писал в css по разному команды и ничего не выходит. Заранее спасибо

    Asked by lokelvor,

    0 votes
    3 answers

  7. див уходит за границу экрана

    есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…

    Asked by Mix9,

    0 votes
    1 answer

  8. Не работает селектор .class

    Добрый день. Начинающий программист, столкнулся с проблемой. Селектор .class не работает должным образом. Несмотря на правильное, я надеюсь, описание, на web-странице не отображается ни одно изображение. С чем может быть связано? Заранее спасибо за помощь.

    Asked by Марко,

    0 votes
    4 answers

  9. Как поместить картинки по горизонтали?

    Привет всем! Не получается поместить картинки по горизонтали, искал ответ, не нашел. Надеюсь поможете. Жду. Спасибо!

    Asked by lepertan,

    0 votes
    2 answers

  10. Как "скинуть" элемент вниз?

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

    Asked by Quvil,

    0 votes
    3 answers

  11. Как сделать ссылку-URL на главную страницу сайта

    Добрый вечер! Мне стало интересно как сделать так, чтобы ссылкой на сайт (то есть на index.html) могли пользоваться все и сайт был не просто страницей, запускающийся только на моем компьютере, но и у других.

    Asked by Марко,

    0 votes
    2 answers

  12. Не получается отменить дефствие float

    Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/

    Asked by alleclf,

    0 votes
    2 answers

  13. PS - не работате crop на определенном psd

    На других макетах все ок. А на этом - настройки кропа заблокированы.... И не работает кроп. Хотел выделить и вырезать изображение. Не получаеццо. Вместо того чтобы вырезать изображение, оно перемещается, при активированном инструменте "crop" Может этот psd защищен от копирования и тп. В чем может быть проблема?

    Asked by torsar,

    0 votes
    8 answers

  14. Несколько :before или :after на одном элементе?

    Сабж. Можно ли в css такое сделать?

    Asked by torsar,

    0 votes
    1 answer

  15. Событие "click" за границей блока

    Привет. Я бы хотел сделать форму авторизации в шапке сайта. Помогите, пожалуйста, поправить код, чтобы плашка не закрывалась при вводе. Там также при фокусе меняется border, но с этим разберусь как-нибудь https://codepen.io/bogdandranicin/pen/ZExZGeW

    Asked by ogoggg,

    0 votes
    1 answer

  16. Горизонтальная менюшка и не помещающиеся итемы

    Можно ли сделать средствами css без js. Чтоб, если я чисто правлю html... Или динамически добавляю на js итемы. Добавляю меню итемы в горизонтальную менюшку... Если они не помещаются, не помещающиеся меню итемы чтоб не показывались, справа, а показывалось, например "..." и при нажатии на "..." показывались не поместившиеся итемы. Если нельзя сделать чисто на css, как на js? Нужны примеры.

    Asked by torsar,

    0 votes
    2 answers

  17. Скошенный хедер

    Подскажите пожалуйста, как сделать такой хедер? имеется ввиду нижний скос

    Asked by thesanches,

    0 votes
    1 answer

  18. Bootstrap 5

    Добрый день. Начинаю изучать Bootstrap 5, подключил к своему школьному проекта. Вы не знаете как сделать так, чтобы ссылки "Главная" и "Алфавит" были ближе друг к другу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.rtl.min.css" type="text/css" rel="stylesheet"> <script src="js/bootstrap.min.js.map"></script> <title>Есть такая профессия</title> </head> <body> <nav class="navbar navbar-defaul…

    Asked by Марко,

    0 votes
    3 answers

  19. Как сделать элемент SELECT - readonly?

    Привет. Вот собственно и вопрос. Добавление в элемент SELECT атрибута "disabled" не катит, так как, запрос POST посылает пустое значение элемента SELECT . Какая-нибудь есть альтернатива, чтобы сделать SELECT доступным тоько для чтения?

    Asked by Ingener,

    0 votes
    6 answers

  20. не получается сделать двойной hover

    надо сделать вот так: а получается вот так: доп материалы с кодом:

    Asked by tbgiyl,

    0 votes
    3 answers

  21. Slider

    Всем привет.Не так давно начал изучать верстку.И кароче захотел создать слайдер на основе html css без js. Застрял булеты работают и стрелки также но только стрелки становяться видимы когда первый раз нажал на булет.До этого их никак немогу настроить. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .wrapper{ width: 700px; height: 400px; margin:0 auto; border:5p…

    Asked by Sider,

    0 votes
    1 answer

  22. Background не работает

    Мне нужен такой результат : Не понимаю почему background не применяется вокруг иконок: Сам код: Html: css: Html: <section class="finish"> <div class="container"> <h2 class="finish_header">По окончании обучения Вы сможете!</h2> <div class="finish_divider"></div> <div class="finish_wrapper"> <finish_item> <div class="finish_round"> <img src="/icons/finish/1 (1).png" alt="" class="finish_icon"> </div> &l…

    Asked by stasN1,

    0 votes
    0 answers

  23. Вопрс по макету

    Есть вопрос по макету. (psd) Макет более 80мб. На форуме не выложишь. Где лучче залить файл и выложить ссылку на него? (Гугл диск подойдет?) Может у кого, знающего найдется 10 минут, чтоб ответить на вопрос по верстке?

    Asked by torsar,

    0 votes
    0 answers

  24. Flex и flex-basis

    Зачем нужен flex-bsis, если есть width и hieght? Смысел?

    Asked by torsar,

    0 votes
    3 answers

  25. Как разместить изображения чтобы они отображались квадратными

    Есть несколько изображений, как горизонтальные так и вертикальные. Как их можно выстроить в ряд так, что бы все они стали квадратными. То есть, растянуть картинку меньшей стороной по размеру блока, а та часть что вылазит из блока - скрыть. Вместо продолговатой картинки отобразить только ее середину в форме квадрата. Вот пример, но это не совсем то, надо чтобы картинки масштабировались а там просто отображается верхний угол - https://jsfiddle.net/jk8todrq/

    Asked by alleclf,

    0 votes
    7 answers

  • Обсуждения

    • jepapolyakoff
      Где можно получить онлайн-сертификат по CSS?

      By jepapolyakoff · Posted

      Вот тут есть актуальный список бесплатных тестов с сертификацией https://www.classcentral.com/report/free-certificates/ Обратите внимание на HackerRank, там есть тест с сертификацией непосредственно по CSS
    • senioz
      Нужна помощь в верстке меню-бара

      By senioz · Posted

      Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style> .nav {     display: flex;     list-style-type: none;     padding-left: 0;     font-size: 17px;     text-transform: uppercase; } .nav > li > a {     color: #fff;     text-decoration: none; } .nav > li {     padding-left: 29px;     margin-left: 30px; } .header {     display: flex;     background-color: #31485b;     justify-content: space-between;     align-items: center; }   .sidebar {     width: 410px;     display: block;     padding-right: 20px;     margin: auto;     margin-left: 250px; }   ul.nav li a:hover {     background-color: #687c8d;     padding: 17.2px 35px; }   input[type="text"], input[type="search"] {   background-color: #687c8d;   width: 60%;   padding: 8px;   margin: 0 50px }   input[type="search"] {     color: #31485b;     font-style: italic; }     </style> </head> <body>     <div class="header">                 <ul class="nav">                     <li class="s1"><a href="#">Главная</a></li>                     <li><a href="#">Блог</a></li>                     <li><a href="#">Сервисы</a></li>                     <li><a href="#">Онлайн-профессии</a></li>                     <li><a href="#">О сайте</a></li>                 </ul>                                 <div class="sidebar">                     <form method="post" action="#" id="search_form" >                       <input type="search" name="search_field" placeholder="Поиск" />                     </form>                   </div>     </div> </body> </html>  
    • Vlad_P
      Не работает reset на кастомном select

      By Vlad_P · Posted

      ЭЭ, а почему оно должно удалять? Может стоило повесить событие на эту кнопку и указать, что при это должно происходить?
    • Switch74
      wget -r -k -l 7 -p -E -nc http://site.com/

      By Switch74 · Posted

      например -R не будет качать указанные файлы если вы знаете список нужных вам файлов, проще их указать или можно написать парсер
    • Switch74
      не применяются медиа запросы в верстк

      By Switch74 · Posted

      выкладывайте код в песочнице, так будет проще У вас media подключается до blocks/header, по этому правила из blocks/header перекрывают media сверху вниз в css пишите tag .class ... @media и не будет у вас подобных проблем  
    • Switch74
      Помогите новичку)

      By Switch74 · Posted

      откройте свой /login.php на сайте и посмотрите какие ошибки выводятся, если вывод ошибок скрыт (а он скорее всего скрыт), смотрите на хостинге в какой-нибудь панели или через ftp логи ошибок php могу включить Вангу и предположить что перед $Log = $_POST['login']; стоит сделать проверку существования переменной $_POST['login'] а для начала вообще проверить можно ли на данном хостинге использовать php добавив в начало вашего скрипта например echo 'login'; если выводится "login", значит нужно чинить скрипт, иначе - настраивать сервер  
    • Vlad_P
      Вопрос от начинающего по CSS и HTML

      By Vlad_P · Posted

      body, а не .body
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept