Как да сложа картинки една върху друга?
Опитах много пъти. Дори да го копирам два пъти след боди. появява се от страни.
Забележи как да позиционирани другите картинки:
Ако искаш тази картинка която си маркирала да излезне върху или под другите, то трябва да и сложиш CSS позиция
Първо слагаш 'id'
<img id="neshto" src="............." width="...." height="....">
След това отиваш и след другите CSS правила, като това на горната картинка, слагаш
#neshto {
position:absolute;
top:705px;
left:404px;
z-index:10
}
Top и Left можеш да ги разместиш, за да сложиш картинката където решиш. Z-index ще промени реда на слоя. Ако сложиш на друг слой z-index: 11, ще го накараш де излезне върху този с z-index: 10
Значи при сдвояването ; Взимам img(от Background) и го слагам след body (в файла с картинките) Задавам позиция(винаги ли пишем-absolute i relative-абсолютно и относително) kak определям стойностите за top, left, index(за индекс-колкото по-голяма стойност,толкова по нагоре в слоевете?) За да използваме CSS- се отварят {...} този тип скоби за да зададем координати, а в HTML-<>...</> тези .това така ли е? Моя случай има; #(кога се поставя този знак)? neshto- описват се координатите на местоположението на изображението в компютъра ? В полето на <head - се манипулира даден текст с css? В полето на <body - izobrajeniq Кога и как избираме <div - division- раздел за да центрираме страницата? Отново ли при първият div style които срещнем в Notepad? И какъв е фаилът ,които просто записваме със разширение .css rabotq q s window 8.1 Опитах се ,но той пак си остана .тхт Имам още куп въпроси понеже за пръв път навлизам в света на таговете и техните атрибути. Надявам се да не съм досадна,но смятам че тези неща трябва да се "излъскат" в началото за да мога да продължа с уроците Ви Ако се сетите нещо важно, което съм пропуснала да попитам,ще се радвам да го допълните. Ако съм задала или написала нещо некоректно ,се извинявам. Благодаря предварително! :)
Радвам се, че си задаваш такива въпроси. Това значи, че започваш да навлизаш в нещата.
В тези уроци е показано как се прави точно определено нещо с HTML и идеята не е била да се разбира, а да може да се изпълни стъпка по стъпка и с много copy/paste :)
Предлагам ти да преминеш напред, има уроци за HTML, CSS и Stylizer, които ще ти отговорят на повечето въпроси и можеш да се върнеш на това упражнение, за да го довършиш.
CSS се слага или във външен файл (например style.css) или вътре в HTML-а в таг
. Той се поставя точно между Всяко правило има селектор и правила. Селектора е това което виждаш преди отварящата скоба{ Например #neshto. Това значи, че искаме да стилизираме html елемент с "id"="neshto".
CSS правилата започващи с точка, селектират класове, като class="drugo". Можеш да имаш няколко елемента с този клас и всичките ще бъдат стилизирани със CSS .drugo { }
CSS правила може да има и в HTML елемтите. Например <div style=" ...... ">
Сега, това което слагаш в правилата са различни неща които стилизират селектираните елементи. Тук имаме основните Кратък CSS наръчник
Координатите се описват с top и left или top и right или bottom и left или bottom и right. За да можеш да ги променяш, елемента трябва да е position:absolute или position:relative. Нулевата координата на елемента в случая absolute е първия 'ancestor' елемент (родител, прародител :) ), който има фиксирани координати. Това ще е BODY, освен ако елемента ти не е в друг елемент, който е позициониран с relative или absolute. Тогава преместването ще е от неговата нулева координата.
Елементите <div> са просто контейнери с картинки, текст и тнт. Избираш ги спрямо това какво има в тях. Ако натиснеш десен бутон върху елемента и 'Inspect' Chrome ще ти покaже къде се намира той в HTML-а му.
Вашият отговор
