Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Бэкграунд из 2-х картинок и заливки

Сообщения:  [1-9] 

 
 автор: ЯСА   (15.10.2012 в 03:34)   письмо автору
 
   для: Sfinks   (14.10.2012 в 20:36)
 

ну... товарищ, видимо, математик - в его мирке от перемены мест суть не меняется
{ #ccc background: url...
{ background: #ccc url...

  Ответить  
 
 автор: Sfinks   (14.10.2012 в 20:36)   письмо автору
 
   для: SkunS   (14.10.2012 в 16:21)
 

Т.е. в этой цитате и в вашем коде аналогичные стили? Т.е. принципиальной разницы нет?

  Ответить  
 
 автор: SkunS   (14.10.2012 в 16:21)   письмо автору
196 Кб
 
   для: ЯСА   (04.10.2012 в 05:17)
 

Я тоже был не в курсе. Прочёл в книге "Энди Бадд/Andy Budd - Мастерская CSS. Профессиональное применение web-стандартов[2007г.]".
Глава 3. Основы фоновых изображений:
body {
background: #ccc url (gradient .gif ) repeat-x;
Поскольку градиентное изображение имеет фиксированную высоту, оно может внезапно 
оборваться, если содержимое страницы длиннее чем высота изображения. Для решения это 
проблемы можно создать очень длинное изображение, однако зачастую тяжело предвидеть на 
сколько длинной будет страница. Чтобы обрыв изображения не был слишком заметным можно 
добавить цветной фон. Градиентное изображение всегда выводится поверх цветного фона.

  Ответить  
 
 автор: ЯСА   (04.10.2012 в 05:17)   письмо автору
 
   для: SkunS   (04.10.2012 в 02:25)
 

да нет, не буквоеды
сидим вот, думаем, что означают ваши четыре волшебных символа #333 вот здесь
html { #333 background: url([bg.jpg) no-repeat;  position:relative; z-index:1; }

по первому разу полагал, что вы просто описАлись

но вы повторили это ещё раз!

лично я никогда с таковым синтаксисом не сталкивался
в CSS1, в CSS2 и в CSS3 описана структура правил
селектор(-ы) {свойство: значение[; свойство: значение...]}

вот сижу и думаю: #333 - это селектор, свойство или значение?
или, может, это уже CSS4 или CSS5, никому, кроме вас, неизвестные?
или это "хак" какой-то, о котором я не в курсе?

  Ответить  
 
 автор: SkunS   (04.10.2012 в 02:25)   письмо автору
 
   для: SkunS   (02.10.2012 в 15:10)
 

Тут все буквоеды или кто-то даст нормальный совет по реализации?

  Ответить  
 
 автор: SkunS   (02.10.2012 в 15:10)   письмо автору
 
   для: elenaki   (02.10.2012 в 09:46)
 

До осмысленного наполнения сайта инфой, дело ещё не дошло. Видно же, что текст только для объёма...(прим. Lorem ipsum...). Но на всяк случай текст поправил.
По поводу матчасти, я читал вот это:
http://htmlbook.ru/css/z-index
http://htmlbook.ru/css/background-position
Смотрел много примеров на форумах и пробовал их применить к моей ситуации...

Из всего перечитанного, я понял, что нужно сделать таким образом:
html { #333 background: url([bg.jpg) no-repeat;  position:relative; z-index:1; }

то есть :
у хедера будет зелёный бэкграунд, по окончанию которого(вертикально), будет идти заливка (#333), присваиваю относительное позиционирование(relative) и z-index 1

body{ background: url(bg2.jpg) no-repeat; background-position: bottom; position:relative; z-index:2;}

то есть :
у боди будет 2-й бг, прижат к низу, с относительным позиц-ем и 2-м индексом, что значит он будет на уровень выше 1-го.

  Ответить  
 
 автор: Tamplier   (02.10.2012 в 13:10)   письмо автору
 
   для: elenaki   (02.10.2012 в 09:46)
 

У них еще и этот перл...
Судя по знанию русского языка, клиенты у них будут из средней Азии и это в лучшем случае :-)


Наша компания предлагает вам создание сайтов, разработкой которых, 
занимается команда дизайнеров, тестировщиков и менеджеров, 
где rаждый проект имеет своего менеджера, который постоянно с вами.

  Ответить  
 
 автор: elenaki   (02.10.2012 в 09:46)   письмо автору
 
   для: SkunS   (01.10.2012 в 19:44)
 

хотела ответить, но увидев это
Одна из сильных сторон нащего рекламного агенства - это наружная реклама, являющая собой мощьное рекламное средство. Компание занимается созданием и размещением её по городу.

передумала

учите русский. потом матчасть. потом вопросы задавайте. грамотно.

  Ответить  
 
 автор: SkunS   (01.10.2012 в 19:44)   письмо автору
 
 

Здравствуйте!
Подскажите пож-та, можно ли добиться следующей структуры БГ:
БГ1(фиксированный размер по высоте, прижат к верху)
заливка
БГ2(фиксированный размер по высоте, прижат к низу)

Пытался сдеалать так:

html { #333 background: url([bg.jpg) no-repeat;  position:absolute; z-index:2; }

body{ background: url(bg2.jpg) no-repeat; position:absolute; z-index:1;}


Сайт http://slav-raduga.com.ua

  Ответить  

Сообщения:  [1-9] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования