Jor

Jor
Рейтинг
42
Регистрация
23.06.2012

Пока только вот такое безобразие придумал:

$('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%;

}

Только у меня, по ссылке ничего не открывает?

Забыли указать


content: ' ';
height: Npx;

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.

Вот так вот:


position: absolute;
top: Npx;
left: auto;
right: Npx;

Настройки шрифта пробывали менять?

Всего: 250