Leaderboard
Popular Content
Showing content with the highest reputation on 08/25/2014 in Posts
-
Одним псевдоэлементом сделан слой, у которого круглый полупрозрачный бордер большого размера, создающий эффект чёрного полупрозрачного фона. Другим сделана круглая жёлтая рамка для получившегося круга. Если вам нужен бóльший размер квадрата — соответственно, нужны и бóльшие размеры бордера у псевдоэлемента, чтобы он квадрат заполнил без пробелов. Меняя размеры и положения элементов, можете всё перемещать куда угодно и как угодно, основная задача — полупрозрачный фон с отверстием на нём — уже решена. Да, и не путайте псевдоклассы с псевдоэлементами.1 point
-
section у вас используется везеде где только можно, тоже самое касается и article. "1600 Pennsylvania Ave NW, Washington, DC 20500, United States of America. Tel: (202) 456-1111" - вот это точно совсем не article, также как .header-logo. Мне кажется вы не совсем понимаете что делаете, либо верстайте дальше без html5 элементов, либо разберитесь в них как следуетю. section - это не просто контейнер для элементов на который навешиваются какие то определенные стили, а вроде как секция для схожего по смыслу контента, section делит страницу на какие то тематические блоки и в нем должен быть хэдинг чаще всего, также как и в article, у вас после валидации 58 варнингов, которые говорят что в секшинах и артиклях нету хедингов. Если вы хотели сверстать семантично то можно было избавиться от клирфиксов, которые выделены в отдельные блоки и <hr> это не просто черточка, которую можно поставить для красоты под заголовком, а разделяет параграф. И зачем вы обернули форму в <article>, заместо <from>. Для инпута есть type - email в html5. Ну и я думаю что когда верстаешь такие лендинги то там не стоит ломать голову по поводу семантики и html5, это там никому не нужно.1 point
-
https://github.com/twbs/bootstrap-sass1 point
-
Все просто. body { min-width: 1000px;}1 point
-
Видимо, как-то так: http://jsfiddle.net/hypnocolor/byT76/108/. По крайней мере, по части отдельного спана для знака процентов и уникальных классов. А вот если задавать больше 50%, полоска перестаёт работать, как надо. По крайней мере в хроме. Полпятого утра, лень с этим разбираться)1 point
-
использование sass должно быть не во вред, в идеале sass должен генерить такой же красивый код как если бы оно писалось и на чистом css1 point
-
полоска справа на айпаде, еще есть в футере и хорошо бы 10 пикселей сделать padding, а то все к краям прилипает, не красиво и 10 часов как-то многовато для такого макета1 point
-
http://joxi.ru/ow77U4wyTJDsAkGnP9k Это тоже слайдер поидее. Хорошо бы левый отступ задавать пикселей так 10 или побольше, при уменьшении разрешения буквы впритык к окну, читать неудобно совсем. У кнопки Download PSD убрать бы outline, так как прямоугольный outline нехорошо смотрится с border-radius. По семантике - нельзя засовывать элемент списка в тег div. Сергей, по моему Вы рано начали загрузить себя такими вещами как БЭМ. Насколько я понимаю, его следует использовать в проектах приличной величины, которые постоянно меняются - развиваются. Ну и html5 не используется <header> <footer> и тд, хотя это не критично. В css тоже много лишнего http://joxi.ru/kxL7U4wyTJDDApcyMhI1 point
-
div class nav , в нем просто лишки без ul , li.active - неправильное именование, это же дропдаун, li.active - будет страница который в данный мент активна. slider,news - должен относиться к какому то блоку. В общем не хватает семантики1 point
-
http://jsfiddle.net/hypnocolor/rhpshebt/1 point
-
зачем? рядовому пользователю, для которого эти редакторы и существуют, такого не нужно. А те кто умеют css и без редактора пропишут. Да и в редакторе есть режим html, куда можно воткнуть нужные <style>...</style>, и стили будут только на одной странице и файл общий style.css не будет засоряться.1 point
-
В Firefox есть дополнение Firebug. 1) Устанавливаете, 2) Заходите на страничку, вызываете Firebug по F12, 3) переключаетесь на вкладку Script (там, кстати, и список всех источников). 4) В заголовке есть поле для поиска. Пишете, что надо найти, во всплывающих опциях выбираете 'Multiple files'. Стрелочками вверх/вниз передвигаетесь до нужного найденного элемента.1 point
-
оберните блоки в див и задайте ему margin: 0 auto; и забудте про флоаты-1 points
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-