[Tonni]

вопросы,безусловно, были,но я не смогла их найти:



1.Как сделать так,чтобы сверху дневника во всю ширину страницы была картинка? она не двигалась вместе с дневником

2.Адрес картинки,которую я вставляю в код. Откуда его брать?то ест ькартинку надо куда-то загружать?

спасибо заранее

@темы: основные блоки

Comments

[татута]

2.загружай в библиотеку изображения

[Kildor]

1.

она не двигалась вместе с дневником

background-position:fixed;

1.Как сделать так,чтобы сверху дневника во всю ширину страницы была картинка?

никак.

можно размножнить картинку , чтоб она повторялась background-repeat: repeat-x

но растянуть-сузить — background-size (или же background-stretch) пока не просто не поддерживается браузерами, даже не специфицировано.

[Tonni]

татуа спасибо

Kildor я имею ввиду,как здесь:

http://pay.diary.ru/~football-fever/

Хм. Может, мой ослик, конечно, тупит, но "как там" как раз картинка прокручивается вместе с дневником, нэ?...

[Tonni]

рэйнор не,я имела ввиду,что...

*короче облажалась*

подскажите,а?

[татута]

Tonni extratop имеете ввиду?

#extratop {

BACKGROUND: url(/userdir/6/2/1/2/62120/17286046.jpg) repeat-x; WIDTH: 100%; LINE-HEIGHT: 100%! important; HEIGHT: 200px

}

[Kildor]

2татута:

уууу…

как минимум нужно использовать !important, а не ! important



2Tonni:

стили просто ужасающи.

— комментарии. .subscribe {background: no-repeat; padding:2px 20px !important; display:block; height:18px; }

— подписаться. .addToQuote {background: no-repeat; padding:2px 20px !important; display:block; height:18px; }

— в цитатник. .comments {background: no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }

вот это вообще не будет работать, комментарии нужно ставить в комментарии — /* комментарий */

[Tonni]

Kildor угу,стили ты прав(

татута все равно никак.

вернее пространство свободно,а вот картинки нет(

наерн,неправильно вставляю

я загрузила ее в библиотеку,и списала адрес url

[~Annahita~]

Tonni

а можно вопрос не в тему? не нахожу так чтобы быстро, как ты сделала в один ряд ссылки "•СвязьI•Мои сообщества•50 фактов обо мне•"?

[Himai]

1.Как сделать так,чтобы сверху дневника во всю ширину страницы была картинка и не двигалась вместе с дневником



так никто и не нашел ответа?

[octaharon]

в эпиграф вставляем картинку без текста, а в каске пишем у extratop {position:fixed !important; top:0px; left:0px; width:100%;}

работает если выбрано блочное оформление.

[octaharon]

апд: пардон, конечно же не у extratop, а у epigraph

[Himai]

octaharon, спасибо)

[Килла.]

Kildor я имею ввиду,как здесь:

http://pay.diary.ru/~football-fever/



вот тоже бы хотелось так же сделать. ничё не получается.(

[octaharon]

Килла., это дизайн фиксированной ширины. Картинку вставляешь либо в эпиграф, либо берешь такой блок как extratop и в него вставляешь картинку через background-image. При этом размеры либо тому либо соответственно другому выставляешь по картинке, и position:absolute; А уже блоку постов ставишь тот же position:absolute, и координаты top: картинке 0 а блоку постов - высоту картинки. И ширину одинаковую. А чтобы по центру было, я не уверен, но можно у wrapper поставить align:center;

[Килла.]

о Боже. я никогда в жизни такое не сотворю.)

но всё равно спасибо за отклик.)

а можно просто код вывесить правильный?

все доступные варианты.

[octaharon]

У меня например вот так сделано
#extratop {border-style:none !important; position:fixed !important;margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; width:700px;height:47px; background-image:url('/userdir/5/1/0/6/510661/20846206.png') !important; background-repeat:no-repeat !important;background-color:#000000 !important;}
При этом верхний блок не прокручивается. если поменять position на absolute то будет. Ну и картинку естественно свою. При этом ширина фиксирована - 1024. Можно наверное просто 100% поставить но тогда нужно у wrapper тоже ставить 100%.

[[Pita4ok]]

извиняюсь,но не один из кодов не работает =/

[octaharon]

[Pita4ok] , у меня все работает. смотря в каком браузере ты просматриваешь

[Aster0]

Эм возник такой вопрос. Мне нужно вставить 2 разные картинки, в низу и в верху.

Код который дал octaharon работает, но он вставляет только одну картинку.

Да и еще, если это возможно, то как нижнию картинку прикрепить к нижнему краю? О_О

[octaharon]

Aster0, можешь для своих целей применить все тоже самое к блоку extrabottom - получишь вторую картинку, а насчет привязки к низу - как ты себе это представляешь? У тебя что, текст не прокручивается?

[octaharon]

Aster0, можешь для своих целей применить все тоже самое к блоку extrabottom - получишь вторую картинку, а насчет привязки к низу - как ты себе это представляешь? У тебя что, текст не прокручивается?

[Гость]

Жалко что нельзя, а я уже начал строить грандиозные планы Ну в любом случае спс за подсказку

[Aster0]

Ах да еще 2 вопроса, 1-й: можно ли вставть 3 и более картинки? и 2-й: Как сделать чтобы картинки были под меню и текстом а не над ним

[octaharon]

Aster0
1-й. Можно, но придется пожертвовать какими нибудь блоками. Типа пунктов меню. К ним же все тоже самое применимо. Единственное, чтобы текст в нём не мешался, можно поставить text-indent:-5000; типа отступ в левую сторону 5000 пикселей.
2-й. У любого объекта есть свойство z-index, которое означает выравнивание по третей оси, которая считается направленной из центра экрана на наблюдателя перпендикулярно ему. Т.е. чем меньше z-index, тем "глубже" заложен объект. Т.е. чтобы картинки не перекрывали текст, ставим им z-index:1 а блоку с текстом z-index:5 например. Но тут есть нюанс, что работает эта хрень в Opera 8+, Firefox, и в IE только 6.4+ версии.

[Aster0]

Чего не понял Нет я понял, толкьо теоретически, не понял куда это всё вписывать
#extratop {border-style:none !important; position: absolute !important;margin-top:0px !important; margin-right:0px !important; left:100px !important; top:300px !important; width:700px;height:100px; background-image:url('/userdir/5/6/2/3/562361/23104442.jpg') !important; background-repeat:no-repeat !important;background-color:#000000 !important;link rel=sheet" type="text/css" href=.css"}

Вот код картинки, куда нужно вписать z-index:1?

З.Ы. Пардон за глупые вопросы, я просто нуб в этом

[octaharon]

"link rel=sheet" type="text/css" href=.css" этого там не должно быть.
а так куда хочешь туда и вписываешь. между любыми свойствами z-index:1;

[octaharon]

куда хочешь туда и вписываешь. между любыми свойствами z-index:1;

[Aster0]

Блин я наверное совершенно не понимаю ничего, сделал всё как ты сказал, но текс всё арвно под этим блоком.
Вот допустим я хочу чтоб singlPost был сверху, вот код.
#extrabottom {border-style:none !important; position: absolute !important;margin-top:0px !important; margin-right:0px !important; left:0px !important; top:150px !important; width:700px;height:100px; background-image:url('/userdir/5/6/2/3/562361/23104442.jpg') !important; background-repeat:no-repeat !important;background-color:#000000 !important; z-index:1 !important;}
.singlePost {z-index:5;}

какая ошипка?