Пока только вот такое безобразие придумал:
$('rect:lt(9)') .wrapAll('<g id="layer1"></g>'); $('rect:gt(8):lt(16)') .wrapAll('<g id="layer2"></g>'); $('rect:gt(15):lt(20)') .wrapAll('<g id="layer3"></g>');
Content Downloader - универсален. ☝
Спарсит и подготовит контент для публикации на сайт.
/templates/Doseng/assets/css/style.css
.post img {
min-width: N%;
}
Только у меня, по ссылке ничего не открывает?
Забыли указать
nemartirosyan,
с помощью JS:
1) добавляем к документу дополнительные блоки (div.img), с абсолютным позиционированием.
2) берём отступ div.block от верхнего края браузера
3) получаем высоту блока div.block
4) значения из п.2,3 применяем к div.img, через css прикрепляем изображения к блоку, если их несколько, используем after/before, либо дополнительную разметку.
с помощью media queris:
подгонять отступы абсолютно позиционированных в зависимости от размеров окна браузера.
...
Ещё можно переверстать макет... тогда никаких заморочек с фоном не будет.
Пробуйте так:
pre { display: inline-block; color: #555; font: normal 14px "Courier New"; position: relative;} pre:before { content: "code"; display: inline-block; color: #f7f7f7; font: normal 12px "Arial"; background: #56bb45; position: absolute; top: 0; right: 102%; /* Отступ */}
Можно так попробывать:
HTML:
<div id="overflow"> <div id="wrap"> <div class="block">block</div> <div class="block">block</div> <div class="block">block</div> </div></div>
CSS:
#overflow { overflow: hidden;} .block { position: relative; } .block:after { content: ' '; display: block; height: 100%; position: absolute; top:0; left: -999%; right: -999%; z-index: -1; }
div#wrap - Ваш каркас в 1000px
div#overflow - Для обрезки фона (div.block:after ), но попробуйте сперва без него, применить правило к body.
div.block - Ваши фиксированные по ширине блоки.
Если псевдо-элемент не устраивает, то можно в div.block поместить дополнительный тэг и применить к нему те же правила, что и к :after.
Вот так вот:
Настройки шрифта пробывали менять?