Discussion of works
Source code audit and recommendations
? Хотите получить квалифицированный обзор Вашей работы? Отправьте свою работу на аудит от HTMLforum.io и Вы получите отличную возможность посмотреть на неё глазами профессионалов.
2,327 topics in this forum
-
- 2 replies
- 1.4k views
Доброго времени суток. Помогите, пожалуйста, советом. Не могу выравнять блоки по высоте, точнее сами блоки выровняла (flexbox), а вот содержимое внутри них нет. https://yadi.sk/i/LISHBluDqFprlw Скрытый текст http://riksor.neritsoft.com/ Не могу опустить артикул вниз. Возможно ли это привести в порядок без javascript только средствами css?
Last reply by swear0, -
- 2 replies
- 2.4k views
помогите с вопросом плес , застрял, не могу продолжить
Last reply by Азат313, -
- 3 replies
- 1.6k views
Скажите пожалуйста Создал сайт https://odyssey-site.web.app/ Но как сделать, чтобы он был дружеским? Например когда форма отправляется, окошко сделать всплывающим? Спасибо
Last reply by npofopr, -
- 4 replies
- 2.1k views
Проблема заключается в том что мне нужно чтобы изображение было на левом краю до конца блочного элемента, а список чтобы был справа и также до конца блочного элемента. Это все в заголовке. https://jsfiddle.net/Lyguc520/3/
Last reply by digenis, -
- 0 replies
- 1.4k views
Здравствуйте такой вопрос! Верстаю первый месяц решил запилить сайтик, запилить до запили. Не могу сделать мобильную версию пробую третий раз, конечно есть успехи со всеми этими media запросами разобрался так как вожусь вторую неделю. Все понимал до момента пока не зашёл в тупик одним словом, кто нибудь может сказать может были такие у вас ошибки, но вот в чем дело когда сижу через консоль разроботчика адаптивка со всеми моими media запросами выглядит супер только начинаю заливать на хостинг выскакивает вот такой треш? Сам сайт с левой стороны, с правой стороны очень много свободного места, хотелось бы узнать что я сделал не так, и как быть в сложившийся ситуации? Искр…
Last reply by Та Вернер, -
- 0 replies
- 1.4k views
Добрый на скрине представлены два варианта, в мобильной версий в браузере chrome отображается картинка нормально, а вот в браузере mi (от xiaomi) и в браузерах самсунг отображается сжато, как решить проблему?http://lion116.ru
Last reply by Almaz_Kazan, -
- 7 replies
- 1.9k views
Сайт https://leonziger.github.io/closes-studio/ Сайт Ателье одинаковой одежды для мам и дочек. Шаблон взят из рассылки, сверстан по-своему видению, для портфолио. Код на гитхабе https://github.com/leonziger/closes-studio Прошу оценить качество верстки, организацию кода на гитхабе. Спасибо
Last reply by rasmus, -
- 0 replies
- 1.4k views
Доброго времени суток.Сверстал макет.Прошу объективной критики: допустил ли я какие-нибудь критические ошибки, что можно улучшить, что изменить, может, какую-нибудь секцию стоило бы сверстать по-другому?Валидность, качество и производительность HTML и CSS кода? https://github.com/Okitonori/ActiveBox
Last reply by Okieazy, -
- 2 replies
- 1.6k views
Всем привет, хочу спросить кто может дать обратную связь по сайту? Пилил его с нуля в итоге уже глаз на дизайне замылился вижу что плохо выглядит, но понять не могу что лучше поменять.... http://host1732329.hostland.pro На всякий случай, не реклама, поэтому все номера удалены, и хостинг пока отвязал от сайта)
Last reply by Loromir, -
- 0 replies
- 1.5k views
Доброго времени суток! Осваиваю верстку по методологии БЭМ. Прошу оценить мою 1-ю страничку по БЭМу, интересуют ошибки в коде чувствую их накопится немало. Заранее благодарю. http://web-verstka.zzz.com.ua/bem1/
Last reply by stan07, -
- 1 reply
- 1.7k views
Всем доброго времени суток, не могу понять в чем дело. Указываю максимальную ширину в процентах"max-width:100%" При разширении менее 800px. Остаётся пространство!
Last reply by npofopr, -
- 2 replies
- 1.7k views
Всем привет. Есть шаблон, который никак не могу заставить вести себя как нужно - в одной из секций шаблона есть 3 блока, которые всегда должны быть по центру страницы, но в какой-то момент они начинают прижиматься к левому краю экрана и остается много пустоты, подскажите как починить (при этом есть навязчивое желание не использовать @media думаю код объяснит вопрос лучше, чем я https://codepen.io/McLotos/pen/ExYWoQq?editors=1100 Если начать растягивать страницу по ширине, то в какой-то момент блоки просто приклеиваются к левому краю, а нужно чтобы все три блока, стоя рядом были точно по середине страницы в качестве простого решения, можно добавить @med…
Last reply by McLotos, -
Как слово эквилибриум сдвинуть немного вниз ? <!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, -
- 4 replies
- 1.9k views
Подскажите пожалуйста, почему при выборе в пункте меню ссылки, она не переходит в нужное мне место на странице? https://jsfiddle.net/wg6t51zL/
Last reply by oleg126, -
- 0 replies
- 1.7k views
Начальство отдало фрилансерам несколько млн. рублей за данный сайт (beta.sintez.io), при этом анимация кнопки на главной странице рваная и дерганная, конец одного состояния кнопки не попадает в начало зацикленной части. Так как на сайте очень много графических элементов и анимаций, было принято решение сделать прелоадер, после загрузки которого должна начаться анимация всех элементов сайта, плавно, без дерганий и потерь кадров, особенно это касается главную кнопку (кнопка PLAY) в центре на первом экране. Она имеет 3 состояния - 1. появление(24 кадра), 2. основная анимация(48 кадров), 3. наведенное состояние. Проблема в том, что после загрузки прелоадера, анимация "появлен…
Last reply by musaisaev271020, -
- 7 replies
- 2.8k views
Сайт https://blacksharksofficial.github.io/index.html Сайт правил и информации спортивной игры "Outflankball" Прошу оценить юзабилити сайта, конкретнее — удобство работы с ссылками, поиск нужной информации.
Last reply by MishaMishin, -
Привет всем .Может кто-то сможет помочь, я не знаю как подвинуть span А. сделать его круглым и поставить по центру картинки , как в премере на картинке.Спасибо за ранее.https://jsfiddle.net/m05gfxqb/1/ css DZ.zip
Last reply by Govt_sm80, -
- 7 replies
- 2.7k views
Сайт: https://kuznetsovsky.github.io/ Школа Английского Языка Что требуется: Прошу оценить качество вертки и указать на недостатки( какие грубые ошибки совершены в процессе), а так же как можно улучшить код в целом. Пишите все что Вам не нравится в верстке (в разумных пределах, только ), и как иначе бы Вы сделали? Также я бы хотел узнать у Вас время, за сколько бы это сделал средний верстальщик? У меня на это ушло ~5 дней по ~8 часов. Оцените так же вместе с кодом и то, как организована структура проекта. До скриптов и оптимизации еще не дошел по этому их нет. Вопросы: - Заказали бы Вы у меня вёрстку? (если нет, то почему? желательно с аргументами) - И…
Last reply by WeboМан, -
- 4 replies
- 3.6k views
Всем привет! Может кто помочь, всунуть языковую кнопку на сайт. Сайт делал из шаблона, в html соображаю не очень сильно. Я так понимаю, можно сделать типа поддомен для другого языка или как проще? Сайт ТУТ. Спасибо!
Last reply by Miria, -
- 1 reply
- 1.8k views
Приветствую всех форумчан, я новичок в верстке сайтов, и есть готовый дизайн сайта который сделали в фигме, хочу его заверстать, но столкнулся с проблемой, вроде все понятно, но шапку сделать не могу, проблема в том, что там присутствуют два изображения, и я понятия не имею как их поставить так, чтобы все было красиво и с этой наклонной чертой) прикладываю скриншот)
Last reply by npofopr, -
- 3 replies
- 2.2k views
Доброго времени суток, давно не делал сайты, по работе пришлось сделать. Сделал простенько, но явно есть не правильные моменты. Подскажите пожалуйста где они, ну и собственно как их исправить!? Desktop.rar
Last reply by npofopr, -
- 2 replies
- 2.5k views
Всем привет, мне нужна помощь более опытных верстальщиков которые укажут на мои ошибки и дадут совет как надо делать и как не надо, я попытался сделать половину данного макета: https://www.dropbox.com/sh/721r284wiv0dcyq/AABTSK3U0DjG-RZoxQRZEM4Ma?dl=0 Получился такой код: https://codepen.io/zb01kid/pen/zyoxbm?editors=1000 Изначально я попытался сделать по методологии БЭМ, но уже к середине у меня плохо выходило и напридумывал глупое название классов, так же слышал что использовать много раз paddign`и и margin`ы достаточно глупо, но к концу уже не понимал как сделать иначе. Хочу услышать от вас критику и желательно советы как можно подтянуть свою верстку до "приличн…
Last reply by klierik, -
- 5 replies
- 2.5k views
Сайт сервис - https://antiplagiat.org/ Чего не хватает?
Last reply by Lizbetik, -
- 11 replies
- 3.4k views
Привет! Интересует ваше общее впечатление о сайте магазина: kotyara.com.ua Всё делалось своими руками.
Last reply by Аришан,
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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/
-