Leaderboard
Popular Content
Showing content with the highest reputation on 07/26/2017 in Posts
-
Привет! Поздравляю с первым адаптивным макетом. По-моему, в целом хорошо, сильно ничего не едет. По вопросам Смотрю с айфона, ссылки выделяются серым при нажатии. Не вижу в этом проблемы, то же самое на других сайтах. Подозреваю, что это стиль по умолчанию для ссылки в фокусе. Классы для размеров колонок под разные размеры окна для того и существуют. Их и надо комбинировать, в зависимости от поведения макета при изменении ширины окна. Даже на w3schools примеры есть. Вот работу этого блока я как раз не поняла. При клике ничего не происходит. Насчет important — а почему без него стиль нельзя задать? Выложите этот сниппет в песочницу и пришлите ссылку и пояснение, что с ним не так. Не могу ответить компетентно, как прописывать это лучше всего. Но мое мнение такое: учитывать надо все промежуточные (между основными брейкпоинтами) размеры. Чтобы ни при каких ничего не ехало. Если при этом есть возможность не вводить новые брейкпоинты, лучше так. Но если местами приходится, то не вижу в этом проблемы. Вообще, тоже конкретно покажите в песочнице пример. Другие комментарии В целом: Картинка логотипа слева вверху странная, какими-то ступеньками по контуру. То же самое с изображениями брендов-клиентов. Это все лучше в векторе делать (svg), если в текстовом виде нет возможности. Почему при клике по стрелочке на первом экране я попадаю в низ страницы? Зачем она вообще нужна? Особенно на телефоне разочаровало. Тут я бы сделала выключку по левому краю, увеличила расстояние между пунктами и заменила дефисы на тире. http://joxi.ru/GrqLJG3hQEPbxA . Иначе неопрятно. И убрала бы эти точки. Они создают иллюзию радио-кнопок, вводя в заблуждение. С телефона: Последний пункт меню не по центру http://joxi.ru/J2b1KBvtXRKqqm. И я бы увеличила пункты меню. Для этого, возможно, придется засунуть его под логотип. Посмотрите, что пишут насчет ссылок и кнопок, по которым удобно попадать пальцем. Неочевидно работает листалка вправо-влево http://joxi.ru/Vrwq6z1UORPgQ2 . Я бы вообще о ней не узнала, если бы случайно не подвинула пальцем. Вот такие кнопочки http://joxi.ru/Q2Kpa1OI4oxg5A не стоит делать ни в коем случае. Как по ним попадать пальцем? И зачем? Что-то надо поменять в этом блоке глобально Спорный, возможно, момент. Но мне не нравятся в некоторых местах гигантские вертикальный отступы. Можно уменьшить. Ссылки на соцсети в футере тоже мелковаты. Меняя размер окна в браузере, вот еще заметила с заголовком помарку http://joxi.ru/RmzqLo8U0nPGNr1 point
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-