Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 1 reply
- 1.6k views
Здравствуйте. Прошу критики верстки и кода, буду очень благодарен за каждый полезный комментарий. И не понимаю в чем проблема, при ширине окна меньше 1200px, появляется отступ справа. https://vladislavmain.github.io/
Last reply by WebNewbe, -
- 1 reply
- 1.1k views
Доброго времени суток. Прошу критики верстки и кода, буду очень благодарен за ответ. Хочу освоить профессию кодера, но не знаю мое ли это, вроде верстать получается, однако процесс идет медленно. https://qwerty545.github.io/1/
Last reply by klierik, -
- 1 reply
- 1.6k views
Здравствуйте, я начинающий верстальщик, недавно научился более менее верстать на html и css. Я хотел бы принять критику в мою сторону, а точнее в сторону моего первого макета. Что надо исправить, как лучше сделать, ну и еще я заметил одну проблему с цветами, они некорректно отображаются, хотя беру цвета указанные в макете. А также хотел бы услышать советы по адаптивности а то у меня в этом плане все плохо и как уменьшить вес картинки. Заранее спасибо!! P.S Макет не адаптивный то есть нету мобильной версии ну и минимальная ширина экрана должна быть 1200px иначе все поплывет. http://normand.ga/corporate/ - сайт corporate landing.zip
Last reply by AlexZaw, -
- 1 reply
- 1.8k views
Добрый вечер. Оцените пожалуйста мою первую верстку. Приветствуется любая адекватная критика. Ссылка на верстку здесь
Last reply by DivMan, -
- 1 reply
- 1.8k views
Собственно сабж, сделал на бутстрапе, но делал первый раз. Прошу адекватно просмотреть и оценить правильность сделанной адаптивности, возможно я сделал что-то не правильно или чего-то не предусмотрел,как-то так ¯\_(ツ)_/¯ Скрытый текст Ссылка
Last reply by BLAzER, -
- 1 reply
- 1.8k views
Приветствую всех форумчан, я новичок в верстке сайтов, и есть готовый дизайн сайта который сделали в фигме, хочу его заверстать, но столкнулся с проблемой, вроде все понятно, но шапку сделать не могу, проблема в том, что там присутствуют два изображения, и я понятия не имею как их поставить так, чтобы все было красиво и с этой наклонной чертой) прикладываю скриншот)
Last reply by npofopr, -
Как слово эквилибриум сдвинуть немного вниз ? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Эквилибриум </title> <link rel="stylesheet" href="/ecomapp/assets/css/style.css"> <meta name="description" content=""/> <meta name="keywords" content=""/> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> </head> <body> <!-- Navigation --> <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top"> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-c…
Last reply by Ryzex, -
- 1 reply
- 1.6k views
Доброго времени суток, подскажите пожалуйста. Есть файл css, около 5к строк, все медиа запросы раскиданы, и нужно сделать правильную иерархию. Как можно это быстро реализовать ? - @media (max-width: 1436px) Весь код который относится к экрану 1436px - @media (max-width: 992px)Весь код который относится к экрану 992px- @media (max-width: 767px)Весь код который относится к экрану 767px- @media (max-width: 579px)Весь код который относится к экрану 579px
Last reply by klierik, -
- 1 reply
- 1.5k views
установил slider slick есть 2 проблеммы я сделал чтобы слаидер заработал только при размере не более 640px - при уменьшении экрана когда доходит до 640px и меньше слаидер появляется только если перезагрузить страницу оставаясь в диапазоне до 640px. 2 проблема у стрелок слаидера есть непонятные синие тени - подскажите как убрать http://frontend-er.h1n.ru/asia-spa/
Last reply by Rewon, -
- 1 reply
- 1.5k views
Здравствуйте! В вёрстке первый месяц, это мой первый самостоятельный сайт. Адаптивки пока что нет, хотел бы услышал конструктивной критики. Так как я новичок, и изначально понятия не имел что такое "Макет в PSD", начал делать (а потом узнав про PSD не стал бросать начатое дело) на основе одного скрина, т.е. шрифты, картинки и т.д выбирал "на глаз". Так же не был сделан слайдер. Понимаю, что звучит очень плачевно, но я бы попросил оценить большей части наверное код. Буду благодарен всем ответам! Адрес на мою вёрстку: https://nathanblack9.github.io/nathanblack.github.io/ P.S приложу еще скрин, для сравнения
Last reply by npofopr, -
- 1 reply
- 1.7k views
Здравствуйте, только начал изучать основы, поэтому прошу не судить строго, буду благодарен за ответ.Не понимаю как сместить картинку местоположения как на примере(пример выгрузил на поддомен)http://training.maggle.ru/Прикладываю код, если там что то не правильно указал подскажите, по семантике. https://jsfiddle.net/RomanFF/rbe4kz0j/6/
Last reply by npofopr, -
- 1 reply
- 1.5k views
Подскажите, есть скрин сайта и задан вопрос: Какие инструменты и принципы использовались или можно использовать для создания данной страницы? И какие трудности могут быть при создании? Сколько времени может понадобиться для создания этого сайта? Сайт связан с бухгалтерией. Понимаю, что информации мало, но все что имею.
Last reply by klierik, -
- 1 reply
- 2k views
Проблема с товарами. Не получается перенести товар так, чтобы он был справа от первого, а не под ним И да, float:right; переносит вообще в самое право самой страницы
Last reply by Codingildi, -
- 1 reply
- 2.2k views
Здравствуйте. Есть страница регистрации https://trening.fincult.ru/reg_april2020 , вроде всё отображается с ноутбука и телефона корректно, но вот с ноутбука внизу есть бело пространство http://joxi.ru/xAeJdEXsR1Ojxr , которое никак не могу убрать и даже через инспектор кода не могу понять откуда оно возникает. Уверен, что там мелочь какая-та, но вот понять не могу, уже второй день голову ломаю. Может кто-нибудь посмотреть и подсказать в чем причина и как её решить? Буду признателен, с меня + и отзыв! Заранее благодарю.
Last reply by Gera_28, -
Менюшка :<
by Etaro- 1 reply
- 1.9k views
Я не понимаю, в чём проблема в вертикальном выпадающем меню. Где я мог напортачить? Нужно сделать, чтобы колонки были по вертикали, а не по горизонтали.
Last reply by npofopr, -
- 1 reply
- 1.9k views
Прошу оценить дизайн, юзабилити и общее впечатление https://ivanoffivan13.github.io/portfolio/
Last reply by npofopr, -
- 1 reply
- 1.7k views
Как можно поднять фиолетовый блок (находится в MAIN) вверх , чтобы он заполнил верхнюю прозрачную часть заднего плана HEADER-а? Свое образный переход будет...
Last reply by klierik, -
- 1 reply
- 1.7k views
Здравствуйте! Нужна помощь хорошо разбирающихся людей в верстке. Написал часть сайта (html, css) адаптив. На сайте только шапка, поисковая форма, вход и корзина. Подскажите, что я сделал не правильно в коде. Какими способами можно реализвать форму поиска с кнопкой, вход, и корзину. Я понимаю что много ошибок, хоть код и не большой. Буду благодарен за любой отзыв и разбор. Спасибо!!! ссылка на сайт — u1071267.isp.regruhosting.ru
Last reply by npofopr, -
- 1 reply
- 1.4k views
Скачал готовую тему для сайта и переделывал под свои цели. В шапке сайта использовалась анимация карусели. Когда перенес все файлы на хостинг, анимация пропала и появились просто картинки сверху вниз. В каких файлах может быть решение этой ошибки?
Last reply by npofopr, -
- 1 reply
- 1.4k views
Впервые начинаю верстат сайты, обучаюсь. Проблема в том что не понимаю откуда взялся эти пустые белые обводки. Думаю на фото четко видно, даже со стрелочками отметил. Помогите решить проблему
Last reply by npofopr, -
- 1 reply
- 1.3k views
У меня есть картинка снизу заглавие под ним маленький список потом цена и кнопка. Оно все должно быть обведено рамкой что я уже сделал. Как эти все объекты центрировать в этой рамке и чтобы список выглядел нормально и оно все было по центру.
Last reply by npofopr, -
- 1 reply
- 2.3k views
Тег Header не может на всю ширину, поставил width 100%. Что делать? Вот CSS header{ width: 100%; height: 150px; text-align: left; background: black; border-radius: 2px; line-height:66.66666px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } Вот HTML <Header> <a href="">Сумки</a> <a href="">Пла…
Last reply by klierik, -
Писал через hr почему то они все стоят в начале, а не как надо <TABLE ALIGN="RIGHT" BORDER="4" BGCOLOR="YELLOW" BORDERCOLOR="RED" WIDTH="85%"> <HR WIDTH= “50%” SIZE= "2" color="#ff00ff" /> <CAPTION ALIGN="RIGHT"><FONT COLOR="BLUE"> Такырып кестенын он жак жогаргы бурышына шыгады </CAPTION> <TR><TH COLSPAN="4" Багана такырыбы </TH></TR> <TR ALIGN="RIGHT" BGCOLOR="PINK"> <HR WIDTH= “50%” SIZE= "2" color="#ff0000" /> <TH> 1-багана </TH><TH> 2 : багана </TH> <TH> 3-багана </TH><TH> 4 : багана </TH></TR> <TR><TD> 1-багана малиметте…
Last reply by Igor Schnaider, -
- 1 reply
- 1k views
При нажатии на один и белых кружков вертикальной навигации, активный должен гореть белым, но когда я нажимаю на второй кружок, который соответствует секции "О нас ", то осуществляется переход к этой секции, но почему-то кружок не становится белым и я не могу понять почему. Так же не понятно почему он не сменяет цвет при скроллинге страницы на следующую секцию, может где-то ошибка в js коде?Сам сайт ilyin1ib.beget.techВесь код https://jsfiddle.net/bhkjudvL/ <nav class="navbar"> <ul> <li> <a href="#main" class="dot active" data-scroll="main"> <span>Главная</sp…
Last reply by npofopr, -
- 1 reply
- 1.2k views
У меня экран width: 1920. И контент влазит отлично. Но как только я запускаю окно разаботчика и выставляю размер экрана 1920 получаеться вот такая ситуация и еще скрол: НО КОГДА Я ЗАКРЫВАЮ ОКНО РАЗРАБОТЧИКА СКРОЛА НЕТ И ВСЕ ВЛАЗИТ ПО РАЗМЕРАМ
Last reply by npofopr,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-