При всички случаи ли трябва слоя с картинките и текста да бъде слайснат ? Защото въпросният слой не го нарязах и не ми се получи после при html въвеждането,т.е не ми се заместиха страниците една в/у друга....
Здравей,
Файла с фоновите елементи не се слайсва. Запазваш го като едно изображение. SaveforWev and Devices със следните характеристики file name: page2.html format: HTML and image setting: background image
Втория файл с текста и картинките е нарязан по същия начин като в предния урок, но трябва да има слайсове. Преди да го запазиш се маха background-a и след това отиваш на SaveforWev and Devices селектираш цялото изображение, избираш png24 и се дава transparency. Запазваш го със следните характеристики: format: HTML and image setting: background image Slices: All slices
След това правиш промените н html файла. Ако има отново трудности пиши.
Благодаря. Получи се.
Здравейте, Следвах стъпките в урока, но страниците ми не се обединиха.
Ще ми трябва малко повече информация.
В следващия урок е даден файла за сваляне, можеш да видиш как е там и да сравниш. Аз не виждам нищо нередно в кода ти. Ако искаш качи файловете в dropbox или google drive, архивирани и прати връзка, за да видим.
https://dox.bg/files/dw?a=72843f34fb https://dox.bg/files/dw?a=5ce26ba344 мисля че в общи линии се получи
https://www.dropbox.com/sh/5d9brak5ok1pal3/AACP2JCEUlqQqJksBJwPQGRla
Няма картинки, но изглежда както трябва. Ако имаш някакви проблеми, то те може да са от това, че фона има position:absolute, но няма "left:0px; top:0px;" вътре в стила, както другото
Здравейте! Следвам стъпките от урока, но при достигане запазване на страницата с картинки явно обърквам нещо в запазването... Стъпките ми са:
Save for web and div. ->JPEG ->high qualitty ->name -> format - HTML and images - >settings - background image ->save.
Резултатът е това:
под №2 - не може да се скролва.
Не трябва да има зададен background в BODY тага. Може от там да идва проблема. Всъщност това обяснява защо не можеш да scroll-ваш. Картинката трябва да е зададена като IMG. Когато слагаме фон с background image, то броузъра няма да разтегли платното на страницата спрямо големината му
Проблемът се реши, като запазих файла със Default settings. След това си въведох нужните команди и резултатът от всичко е това:
Опитах много пъти. Дори да го копирам два пъти след боди. появява се от страни.
Забележи как да позиционирани другите картинки:
Ако искаш тази картинка която си маркирала да излезне върху или под другите, то трябва да и сложиш 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-а му.
No webpage was found for the web address: file:///C:/Users/Tedi/Desktop/2/index.html
при мен няма изобщо това с което започва урока <link.........>
В предния урок направих всичко, на слоеве е, центрирано, но нямам това...как да продължа
Зависи от настройките на Photoshop export-а. Погледни всички настройки при export, показани са в уроците. Би трябвало да е свързано с "Inline CSS" или "CSS Classes" (Трябва ти второто)