Leaderboard
Popular Content
Showing content with the highest reputation on 03/07/2013 in all areas
-
Отрицательный маргин там написал по привычке, он не особо нужен - это правка косяка в ИЕ6. Да. И не надо ее задавать, См. ниже. Верно Грубо говоря, делим фон на три части. Первая часть, которая, собственно, тянется по высоте - это картинка шириной с левый сайдбар (.btl), вторая картинка, засунутая фоном в див формирует нижнюю часть сайдбара - этот див крепим аюсолютно к футеру, третья часть - оформление верхушки сайдбара - пихается как background в .btl, которому задается min-height, равное по высоте этой картинке, чтоб стыков видно не было - вот и как надо оформленная левая колонка, тянущаяся на 100% высоты. А в нее (.btl) уже, в свою очередь, можно пихать нужный контент.1 point
-
Чем техники более прикладные и продвинутые, тем менее универсальные и более трудно систематизируемые, так что гуглить по-любому придётся. А из книг могу посоветовать: http://www.books.ru/...-805649/?show=1 http://www.books.ru/...dizain-1825596/ Ну и в вдогонку веб-ресурсы: http://habrahabr.ru/hub/css/ http://www.xiper.net...and-css-tricks/ http://css-live.ru/c...ry/tajny-css2-11 point
-
"Очень сложные конструкции", как правило, строятся на основе более простых)) Не знаю как насчёт них, но материала "не для новичков" хватает: хабр, блоги разработчиков, ну и само собой всякие англоязычные A List Apart, Smashing Magazine. Книги тоже есть, например авторства Дэна Содерхольма.1 point
-
Сайдбар можно наполнять контентом как угодно. Тени... Насколько я помню вашу верстку, там сайдбар сделан одним блоком, растянутым на 100% высоты. В моем варианте сделана, так скажем, ложная колонка путем замощения на 100% высоты картинкой, пущенной по вертикали. Сам сайдбар имеет высоту контента, который в него будет забит. Отсюда не получится таким образом делать тени там посредством css и придется добавлять дополнительно дивы с картинками для достижения нужного эффекта. Ну или получится, но несколько более замороченно. В правую колонку (.btr) добавить контент, конечно, можно - попробуйте и посмотрите, что из этого выйдет. Потому и сказал о абсолютном в ней позиционировании контента и, соответственно, вызванных этим ограничениях.1 point
-
Схематично набросал свой вариант решения http://verstalshik.info/test/0001/1.html Вроде как все условия соблюдены. Возможность забить любой объем текста в всплывающее окно, сайдбар на всю высоту, прижатый футер. Но этот способ, как уже и писал, будет нормально работать только если в правую колонку не пойдет больше никакого контента. Либо позиционировать этот контент абсолютно, задавать правой колонке минималку по высоте для этого... Т.е. не без ограничений. Правда, придется для левой колони обойтись без box-shadow и использовать довольно большие картинки местами для достижения нужного эффекта.1 point
-
Если я правильно все понял, проблема с сайдбаром и футером при желании решаема. Что вы имеете в виду под сайдбаром? Узкая серая вертикальная полоса слева?1 point
-
Раз ничего не предполагалось, можно спокойно было бы задать окну position: relative; - в таком случае, оно просто растягивало бы окружающие блоки. Нельзя так было бы сделать только из-за контента, который мог быть на странице за пределами окна. В правой колонке имею в виду.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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-