Leaderboard
Popular Content
Showing content with the highest reputation on 05/06/2013 in Posts
-
Для полной резины надо нарезать 4 угла и 4 стороны, и раскидать их абсолютом внутри контейнера. Будет работать везде кроме ИЕ6. В своей верстке я делаю так: http://jsfiddle.net/m6Keu/2 points
-
Стоит такая проблема: То бишь блок с красиво оформленной прозрачной рамкой. Вот решение: HTML: <!doctype html> <html> <head> <title>Deluxe</title> <link rel="stylesheet" type="text/css" href="css/style2.css" /> </head> <body> <div class="border"> <span class="top tl"></span> <span class="top tr"></span> <span class="bottom bl"></span> <span class="bottom br"></span> <div class="out"> <div class="in"> <div class="content"> adsdasdasdasdasdasdasdasdasdasda<br> adsdasdasdasdasdasdasdasdasdasda<br> adsdasdasdasdasdasdasdasdasdasda<br> adsdasdasdasdasdasdasdasdasdasda<br> adsdasdasdasdasdasdasdasdasdasda<br> </div> </div> </div> </div> </body> </html> CSS: html{ background:url(../img/html_bg.gif) repeat-x; } .border{ position:relative; margin: 100px 100px; max-width:500px; min-width:300px; /*width:500px; border:1px solid #ddd;*/ overflow:hidden; } .top{ display: block; position:absolute; height:46px; top:0; background:url(../img/border-bg.png) no-repeat top left; } .tl{ width:100%; right:45px; } .tr{ right:0; width:45px; } .bottom{ display: block; position:absolute; height:46px; bottom:0; background:url(../img/border-bg.png) no-repeat bottom left; } .bl{ width:100%; right:45px; } .br{ right:0; width:45px; } .out{ background:url(../img/leftborder-bg.png) repeat-y; margin: 46px 0; } .in{ background:url(../img/rightborder-bg.png) repeat-y right; width:100%; } .content{ margin:0 23px; background:#010101; color:#fff; } Картинки: Искал решение в интернете - плохо искал. Сам написал. Посоветуйте решения покороче и попроще если существуют.1 point
-
исправь это: body { background:url('images/Fon.png') #373e45 no-repeat 50% 0; word-wrap: break-word; } на это: body { background:url('../images/Fon.png') #373e45 no-repeat 50% 0; word-wrap: break-word; }1 point
-
Лучшая программа это ноутпад. А наборщик пальцы. 1. Когда знаешь язык разметки наизусть, то набирать из памяти одно удовольствие. 2. Когда умеешь набирать со скоростью 300 знаков в минуты. Это двойное удовольствие. Работать надо в удовольствие. И лучшая программа это ваш мозг. А не на макромедию надееться.1 point
-
RewriteRule ^(.*)?$ user.php?login=$11 point
-
На хабре комментарий прочитал JeanMorel, 14 ноября 2012 в 12:53# Если установить webrtc4all то работает под Win32 c браузерами Safari, FireFox, IE, Opera. С Хром(x64) не тестировал, но вроде где-то видел, что Google рекомендует пока использовать 32 разрядную версию на 64 разрядных машинах, так как не успевает параллельно приводить обе версии в порядок. Собственно на x64 Windows устанавливает автоматом 32-разрядный Хром. Думаю, нормальная поддержка WebRTC в Хром(x64) — вопрос времени.-1 points
-
я твой фанат-1 points
-
школьник-1 points
-
На Андроид устройстве использовать табличную вёрстку-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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-