Leaderboard
Popular Content
Showing content with the highest reputation on 05/14/2016 in all areas
-
Это не целесообразно. Смотри, у тебя есть исходный CSS файл, который для разработчика. Minifi CSS, в свою очередь, для создания styles.min.css - он сжат. Он не предназначен для редактирования (хотя это возможно с помощью http://tools.maxcdn.com/procssor/). Предназначение этого файла иметь минимальный размер. В случае когда требуется внести изменения то они вносятся в исходный, а не сжатый, файл.1 point
-
1. Это у нас заголовок-ссылка - http://joxi.ru/Q2KxaXps9oQG9A 2. Проще сделать спрайт с белыми значками соц. контактов, а цвет фона задавать через стили. Универсальность - 100% http://joxi.ru/eAO4ny7F4oVqjr 3. Скорее top-menu - http://joxi.ru/4AkOk1pcM7DBLA 4. Не ленитесь присвоить им классы - http://joxi.ru/E2pkNJdSB6DJWm 5. Зазор между инлайн-блок элементами - http://joxi.ru/xAeeR31SYnKBXA 6. Что будет с картинкой, если она не по ширине слайдера будет? Стилей для нее нет. 7. Ширину слайдера можно дать в 100%, если мы его используем в другой контейнер не привязываясь к ширине 8. Полоски сделаны хорошо, но это всё-таки заголовок, оберните его в h$ - http://joxi.ru/eAO4ny7F4oVbjr 9. Тут неверно - http://joxi.ru/ZrJqZnXt1o8gdA . В таком случае пишем, то margin: 0 24px; для каждого блока, но у общего контейнера отнимает это же margin: 0 -24px;. В таком случае не нужны :nth-child(3). А идеально было бы задать контейнеру класс, к примеру, .three-column-wrapper, а содержимому просто .column. Далее .three-column-wrapper { margin: 0 -24px; font-size: 0; /*убираем зазоры*/ } .three-column-wrapper .column { width: 33.3333333%; margin: 0 24px; } 10. Зачем дали высоту? http://joxi.ru/Dr8nxw6fk69Wb2 11. Там же - кнопка из-за этого стала position: absolute; 12. Там же - если текста будет больше? Еще, вы проделали лишнюю работу по отступам, продать дали бы родителю padding. 13. Футер не прижат к низу - http://joxi.ru/v29JkwWsGPJwQA 14. Дайте классы инпутам формы 15. Нет стилей ни к одной картинке в превью статьи, когда картинка слева. У вас стоят заглушки одного размера. А теперь поставьте разных размеров и увидите разницу. 16. Видимые заголовки обозначены просто ссылками, а должны быть h2, или h3 ... Пока всё, дальше сами1 point
-
display: table-cell; или flexbox - https://css-tricks.com/snippets/css/a-guide-to-flexbox/1 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-