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

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


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по верстке
8 KOLIAN 1401 14.5.2018, 16:25
автор: KOLIAN
Открытая тема (нет новых ответов) Вопрос по поводу цен на сайте
16 WildWeb8 948 13.5.2018, 17:40
автор: genjnat
Открытая тема (нет новых ответов) Вопрос к тем, кто зарабатывает на недвижимости?
Как заработать на недвижке.?
15 Dross 2758 26.4.2018, 18:26
автор: megachange
Открытая тема (нет новых ответов) Вопрос по сетке сайтов
Стоит ли так делать?
10 asskra 1435 12.4.2018, 22:33
автор: Ancitrus
Открытая тема (нет новых ответов) Вопрос по расингу контента
5 gold15 670 2.4.2018, 19:18
автор: mmkulikov


 



RSS Текстовая версия Сейчас: 26.5.2018, 5:26
Дизайн