X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по верстке
r-oot
r-oot
Topic Starter сообщение 28.9.2013, 23:31; Ответить: r-oot
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 506
Регистрация: 30.3.2008
Поблагодарили: 19 раз
Репутация:   12  


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


Частый гость
**

Группа: User
Сообщений: 63
Регистрация: 30.4.2012
Из: Северодонецк
Поблагодарили: 19 раз
Репутация:   3  


В 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>


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
r-oot
r-oot
Topic Starter сообщение 29.9.2013, 0:55; Ответить: r-oot
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 506
Регистрация: 30.3.2008
Поблагодарили: 19 раз
Репутация:   12  


Прошу прощения, я, наверное, не совсем верно описал. Нужно чтобы было так:
Эскизы прикрепленных изображений
Прикрепленное изображение
 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Garnash
Garnash
сообщение 29.9.2013, 13:00; Ответить: Garnash
Сообщение #4


Новичок
*

Группа: User
Сообщений: 46
Регистрация: 12.8.2013
Из: Украина
Поблагодарили: 6 раз
Репутация:   -1  


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
Dikucher
сообщение 29.9.2013, 14:10; Ответить: Dikucher
Сообщение #5


Частый гость
**

Группа: User
Сообщений: 61
Регистрация: 8.2.2013
Из: Киев
Поблагодарили: 5 раз
Репутация:   2  


как бы сделал я
в 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
r-oot
Topic Starter сообщение 29.9.2013, 15:35; Ответить: r-oot
Сообщение #6


Завсегдатай
*****

Группа: Active User
Сообщений: 506
Регистрация: 30.3.2008
Поблагодарили: 19 раз
Репутация:   12  


Dikucher, Я так понял, что ваше решение добавит только одну ленту. Но ниже есть заголовок такого же типа, для которого тоже нужна лента...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 29.9.2013, 17:26; Ответить: Alex_RD
Сообщение #7


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


r-oot,

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


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос по seo для интернет магазина
куда девать продвинутые товары, которые уже не выпускают
15 viktormerke 2533 Сегодня, 11:53
автор: Caterpillar
Открытая тема (нет новых ответов) Вопрос к знатокам Instagram
20 SEOMR 4164 30.11.2017, 14:25
автор: DiscordPro
Открытая тема (нет новых ответов) Услуги по верстке
0 KOLIAN 337 29.11.2017, 15:31
автор: KOLIAN
Открытая тема (нет новых ответов) Вопрос про Телеграмм
18 syd2010 1134 28.11.2017, 14:25
автор: PostBrigada
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыАrticle manager вопрос
0 Smile3D 440 24.11.2017, 18:27
автор: Smile3D


 



RSS Текстовая версия Сейчас: 14.12.2017, 12:44
Дизайн