[X] Помощник

[r-oot Topic Starter]

http://staylady.ru/ - красный флажок перед заголовками нужно прижать к красной линии слева. Вариант был с абсолюным позиционированием и отсупом справа. Но, конечно, в других разрешения все едет. Как бы сделать правильно? Заранее спасибо

[archibalds]

В style.css(409) добавьте
#title-block {
color: #444444;
font-size: 24px;
font-family: PT Sans Narrow;
background: url("lenta.png") 0 1px no-repeat;
padding-left: 45px;
margin-left: -32px;
}

В коде удалите <div id="img-block"></div>

[r-oot Topic Starter]

Прошу прощения, я, наверное, не совсем верно описал. Нужно чтобы было так:

Эскизы прикрепленных изображений

 

[Garnash]

r-oot,

style.css 417стр

#img-block {
background-image: url("lenta.png");
float: left;
height: 27px;
margin-right: 14px;
margin-top: 4px;
position: absolute;
right: 1155px;
width: 35px;

Сделайте так. Если захотите ближе чтобы был флажок к полоске, то margin-right сделайте чуть меньше 13 или 12, попробуете как нравится.

Сообщение отредактировал Garnash - 29.9.2013, 13:02

[Dikucher]

как бы сделал я
в html после id="sidebar" добавить блок с классом clear

<div id="sidebar">
....
...
</div>
<div class="clear"></div>

.clear {
clear: both;
}

#wrapper{
overflow: hidden // УДАЛИТЕ ЭТО СВОЙСТВО
position: relative;
}

#wrapper:before {
display: block;
content: "";
width: 35px;
height: 27px;
background: url(lenta.png) no-repeat;
position: absolute;
left: -20px; //здесь нужно подобрать значение
top: 200px; // здесь тоже
}

не вникая в код разметки, меня смущает то, что у вас картинка находятся в одном месте с файлами CSS

Сообщение отредактировал Dikucher - 29.9.2013, 14:11

[r-oot Topic Starter]

Dikucher, Я так понял, что ваше решение добавит только одну ленту. Но ниже есть заголовок такого же типа, для которого тоже нужна лента...

[Alex_RD]

r-oot,

в текущем стиле (#img-block) в style.css
уберите: right: 1155px и margin-right: 50px, добавьте margin-left: -59px

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.