среда, 25 апреля 2007
04:17

все записи пользователя в сообществе s_kai
this one feels like a flower
1. Скажите, можно ли фон заголовка растянуть по длине?.. Иначе оно выглядит стра-ашно:

вот так

Ну, а я хочу, чтобы по бокам у меня было прозрачное, а посередине зелененькое, и все это растянутое по ширине странички.



2. Абзац с кодом

br:after {content:'qqq'; visibility: hidden; }

у меня не отработал :upset:

@темы: текст, отступы, фоновые картинки

URL
Комментарии
25.04.2007 в 05:30

Kildor
Homo virtualis группа [γ]
2 — а что ты хочешь этим добиться?

в любом случае, работать будет не в ИЕ.

1 — средствами CSS это сделать невозможно
URL
25.04.2007 в 05:39

s_kai
this one feels like a flower
2 - чтобы отступ в начале абзаца отображался. Красная строка. Не ИЕ - ничего.
URL
25.04.2007 в 06:10

Kildor
Homo virtualis группа [γ]
2s_kai:

не судьба :-D
URL
25.04.2007 в 09:05

Караидель
149ea694a792f3ad2caaf77077a0df58 Спорящая с богом
s_kai

Красная строка задаётся через свойство text-indent, не надо изобретать велосипед.
URL
25.04.2007 в 09:34

Kildor
Homo virtualis группа [γ]
Караидель

только вот незадача, у всего поста будет только одна красная строка, в самом начале.



Если бы расширили парсер до перевода не в br, а в p, было бы лучше, и велосипеды не понадобились бы.



ЗЫЖ у меня в этом комментарии 3 абзаца. красная строка отобразилась бы только для первого.
URL
25.04.2007 в 15:45

2Kildor:

1. если это картинка на фоне блока, то разве нельзя прописать repeat?.. :shuffle:

[а то я себе тоже такое хочу]
URL
25.04.2007 в 16:57

barsy
Клиа.
1 - можно, но работать будет только в двух браузерах - Konqueror и Safari, разработчики ФФ решили обождать, пока будет стадия last call или candidate recommendation(https://bugzilla.mozilla.org/show_bug.cgi?id=191853)



background-size: 100%;

-webkit-background-size : 100%;

-khtml-background-size : 100%;



http://www.w3.org/TR/css3-border/

URL
25.04.2007 в 17:05

s_kai
this one feels like a flower
barsy

Мда... судя по комментам под реквестом, ждать этой фичи - дохлый номер :weep2:

Спасибо за информацию :)
URL
25.04.2007 в 18:52

Kildor
Homo virtualis группа [γ]
2sQld aka insomnia:

повторить или растянуть?
URL
25.04.2007 в 20:54

~Kitty~
«...в памяти save'ом одно лишь признание, но форматирует наше сознание может быть вирус, а может - другая любовь...»(с)
В принципе, IE растягивает png на фоне на всю ширину блока..

Но в дайрах, если мне не изменяет память, запрещены фильтры..
URL
25.04.2007 в 23:00

2Kildor:

но повторить-то можно? 0_0

и потом, если это картинка, то ее можно замечательно растянуть в фотошопе, тем более если ширина блока фиксированная... так ведь? :susp:
URL
25.04.2007 в 23:04

Kildor
Homo virtualis группа [γ]
2sQld aka insomnia:

читай первоначальный вопрос — где там было «повторить»?

и про фотошоп, и про фиксированный дизайн тоже не было сказано ни слова.



Не стоит додумывать за авторов, толку с этого немного
URL
25.04.2007 в 23:55

s_kai
this one feels like a flower
Эм, нет-нет, у меня не фиксированный дизайн, так что растянуть было бы максимально простым выходом...
URL
26.04.2007 в 14:51

Трубчатый Кот
Зверь-чародей
~Kitty~ изменяет. работают фильтры.

s_kai Как вариант:



1. создаете картинку где-то в 1500px шириной например с нужным центрированным градиентом.

2. устанавливаете ее так:

background: #FFF url('картинка') center center repeat-y;



где #FFF - тот цвет, который у вас на краях градиента.



когда запись будет меньше 1500px шириной - градиент слегка обрежется по краям, но все равно будет в центре



когда запись будет больше 1500px шириной - вы получите картинку по центру и края залитые цветом, соответствующим концу градиента - это будет нормально выглядеть.
URL
26.04.2007 в 16:15

s_kai
this one feels like a flower
Рёцке

У меня там не цвет, а полупрозрачная картинка на фоне :upset:
URL
26.04.2007 в 16:41

Трубчатый Кот
Зверь-чародей
s_kai подберите близкий цвет или сделайте градиент в прозрачность )

или сначала в цвет а потом в прозрачность.

т.е. 5 цветов

прозрачный - 100px - белый - 600px - зеленый - 600px - белый - 100px - прозрачный

или 3

прозрачный - 700px - зеленый - 700px - прозрачный



но суть та же - поставить широкую картинку в центр.
URL
26.04.2007 в 16:45

s_kai
this one feels like a flower
То есть вот так:

background: url('картинка') center center repeat-y;

и картинка - прозрачный - 100px - белый - 600px - зеленый - 600px - белый - 100px - прозрачный или прозрачный - 700px - зеленый - 700px - прозрачный. Да?
URL
26.04.2007 в 16:48

Трубчатый Кот
Зверь-чародей
s_kai ну типа того.

я же для примера.
URL
26.04.2007 в 16:56

s_kai
this one feels like a flower
Я поняла :)

Спасибо, попробую...
URL
10.01.2011 в 12:10

Dagedra
Дороги хватит на всех
а проблемы с отступами все-таки решили или нет? у меня тоже этот код не пашет :-(
URL