Leaderboard
Popular Content
Showing content with the highest reputation on 03/03/2014 in all areas
-
1. Можно было задать всем блокам одну обёртку с шириной 1350px. 2.Строительство коттеджей или СтифТрейд что-то одно из них должно быть h1. 3.Номеру телефона и заказать обратный звонок надо было сделать общую обёртку 4.В header-top можно было использовать float вместо огромных margin 5.Почему блок header-under не идет сразу после header-top? 6.Зачем так много relative? По хедеру вроде всё... Большой и сложный макет для первой вёрстки, плюс Вам за старание и терпение. Рекомендую ознакомиться с версткой опытных верстальщиков или найти качественные, готовые, уже сверстанные макеты и попробовать найденное сверстать самому, а потом свериться с образцом.1 point
-
как я понял там разница только в цифре http://i.ebayimg.com/00/s/MTIwMFgxNjAw/z/-d8AAOxy4fVTEUX6/$_35.JPGhttp://i.ebayimg.com/00/s/MTIwMFgxNjAw/z/-d8AAOxy4fVTEUX6/$_39.JPGhttp://i.ebayimg.com/00/s/MTIwMFgxNjAw/z/-d8AAOxy4fVTEUX6/$_57.JPGдумаю вам нужна последняя1 point
-
Правильнее первый вариант, т.к. <article> - это независимая часть документа, которая может быть вырвана из контекста страницы целиком и при этом не потерять смысл.1 point
-
<div class="timer"> <p class="time-one">12</p> <p class="time-one-colon">:</p> <p class="time-two">12</p> <p class="time-two-colon">:</p> <p class="time-three">12</p> <p class="hours">часов</p> <p class="minutes">минут</p> <p class="second">секунд</p></div>OMG, зачем в <p> то? <p class="order">ЗАКАЖИТЕ СТРОИТЕЛЬСТВО ВАШЕГО ДОМА ДО 28 ФЕВРАЛЯ</p><p class="design">И ПОЛУЧИТЕ ДИЗАЙН ПРОЕКТ БЕСПЛАТНО!</p>Это заголовок, а не параграфы. Но даже если оборачивать в параграф, то тут два не нужно. <p class="work">НАШИ ВЫПОЛНЕННЫЕ РАБОТЫ</p>Это тоже заголовок. Вместо капса надо юзать text-transform. <div class="left-button"> <p class="less-then"><</p></div><div class="right-button"> <p class="big-then">></p></div>Зачем тут <p>? <article>Вам хочется жить в собственном уютном доме. Повсюду вам предлагают построить его качественно и недорого. Но так ли это на самом деле? Недорогое строительство часто оказывается небезопасным, а цена снижается не за счет применения новейших технологий, а "благодаря" не совсем качественным материалам.</article>А тут как раз нужен <p> вместо <article>. Дальше я смотреть устал. Вывод: вы слишком увлекаетесь <p>, создаётся впечатление, что вы не понимаете смысл этого тега. Так же вы не понимаете смысл <article>.1 point
-
на сколько помню, вроде работала везде, но лучше потестить для уверенности. все что здесь используется, вроде простые вещи, работавшие еще в 6ie1 point
-
http://jsfiddle.net/5Y3qw/2/ не работал height потому что main не имел размеров можно было вывернуться переносом фоновых блоков в main1 point
-
Высота там стоит просто так, я когда пишу код, то пишу его черновик, а потом подчищаю. Тут забыл подчистить, можно и убрать. Зачем вы там опять влепили position: absolute? Надо просто заменить в коде <div> на <a>. Данный код влияет на третий блок. Полоски стоят не после блоков, а перед блоками. А вот этот код: .item:first-child:before { display: none;}прячет полоску у первого блока.1 point
-
1 point
-
так это в принципе и сделано косвенно, по другому можно через table1 point
-
px - универсальное решение.1 point
-
balloon.options.set({shadow:false});Это допиши, тень уберётся. Не понятно почему через конструктор не работает, что-то здесь не так.1 point
-
Прежде, чем выставлять на оценку, смотрите страницу во всех популярных браузерах. http://take.ms/6tnyL P. S. Это снимок из SeaMonkey (а, значит, то же самое в Firefox)1 point
-
https://css-tricks.com/examples/ShapesOfCSS/1 point
-
Многоугольники можно рисовать только в SVG (VML для старых ИЕ, ниже 9 версии).1 point
-
Поисковик и не знает, он просто разбирает HTML. Поставьте себя на место поискового робота: вы видите некий набор данных, что-то из этого обёрнуто в заголовок, логично предположить что в заголовке находится важная информация. Примерно так действуют поисковики, просматривают заголовки, ссылки и т.п. Ясен пень что алгоритм там гораздо сложнее, но в общих чертах всё так и происходит. Собственно вся идея семантичного веба основана на том, чтобы дат возможность верстальщику облегчить работу по разбору документа программой-анализатором (это не обязательно поисковый робот, есть еще речевые браузеры например, тот же макбук умеет проговаривать содержимое страницы).1 point
-
Многие на этом форуме считают, что я злой. Уверяю вас это не так, просто в тексте трудно передать настроение, а у меня стиль письма такой. В общем я считаю, что вы молодец и вам надо продолжать учится. Очень хорошо, что вы пытаетесь что-то гуглить самостоятельно и делаете свои собственные ошибки. В общем я в вас вижу будущего специалиста (чего не видно во многих, кто тут пишет). Оттакота http://codepen.io/GreatRash/pen/xAfzI http://codepen.io/GreatRash/pen/wHyeF Есть такое понятие как семантика документа. Но дело даже не в семантике (к которой я лично отношусь напревательски ), дело в том, что поисковики при выдаче страниц учитывают качество контента, а если у вас контент семантически верный, то например в гугле при прочих равных ваш сайт будет в выдаче выше. Поэтому, там где это оправдано, нужно стараться соблюдать правила семантики. Это значит, что если у вас в тексте заголовок, то лучше следать его заголовком (<h1>, <h2>, <h3> и т.п.), если текст с параграфами, то разделить его на параграфы <p>, и так далее. Этим вы облегчите поисковым роботам (да и вообще любым роботам) разбор страницы и это положительно скажется на рейтинге сайта в целом.1 point
-
1) WORCK - это на каком языке? 2) <div class="border"></div> - это просто ужасно! так делали разделители во времена ИЕ5.5 3) .monitor {background: url(images/monitor.png) no-repeat;width: 375px;height: 370px;position: relative;left: 600px;top: 23px;}Это ужасно! Это даже не двойка, это кол с минусом. Вместо position: relative; и т.п. достаточно поставить float: right;4) CLIENT LIST, OUR WORK, BOOK NOW! - это явно заголовки, а вы их параграфами сделали, зачем? 5) We build websites that blow you away. - это тоже заголовок, там не нужен <br> текст и так перенесется. 6) .blockbg1, .blockbg2, .blockbg3 - зачем там абсолютное позиционирование? Вы похоже вообще не понимаете как использовать float. 7) Need us say more? - опять же заголовок, а у вас <p> 8) Чо оно не по центру? Так и надо? Всё очень плохо. Работайте ещё.1 point
-
вариант с псевдоблоками попробуйте1 point
-
и сразу встречный вопрос, а зеленый должен тянуться если красный будет больше? а то можно тупо перекрасить желтый в красный иначе я бы сделал псевдоблоки, у которых только фон тянулся, а блоки на самом деле тянулись бы внутренним контентом но если хочется, можно не заморачиваться и сделать таблицами1 point
-
Да кнопки ужас конечно, и фон побледнее надо.-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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-