Въпрос към урок: Метод-С няколко слоя от курс: Photoshop Web Design

Защо background слоят ми излиза така?

Фотошоп Fastweb Photoshop Уеб дизайн

Здравейте! Следвам стъпките от урока, но при достигане запазване на страницата с картинки явно обърквам нещо в запазването...  Стъпките ми са:
Save for web and div. ->JPEG ->high qualitty ->name -> format - HTML and images - >settings - background image ->save.

Резултатът е това:
под №2 - не може да се скролва.

Принципно в стъпките ти виждам следното. За най-долния слой можеш да избереш JPG, но за следващите ще ти трябва PNG, понеже JPG няма прозрачност.
Иначе в стъпките ти всичко изглежда наред.

Ако двата слоя не излизат един върху друг и както трябва, то значи нещо се е объркало с HTML-а които леко променяме. Дори при една изпусната буквичка, всичко може да се счупи до неузнаваемост.
Можеш да прегледаш архива в следващия урок и да сравниш дали всичко е написано както трябва. Там има HTML-а на направеното в този "page2_layer2.html" заедно с малко анимиращ javascript които можеш да игнорираш

Винаги и само това излиза.
С първата страница нямам проблеми, но с тази... Всичко си запазвам както е показано във видеото. В настройките за Background image трябва ли да пипам нещо все пак?

Не трябва да има зададен background в BODY тага. Може от там да идва проблема. Всъщност това обяснява защо не можеш да scroll-ваш. Картинката трябва да е зададена като IMG. Когато слагаме фон с background image, то броузъра няма да разтегли платното на страницата спрямо големината му

Проблемът се реши, като запазих файла със Default settings. След това си въведох нужните команди и резултатът от всичко е това:


Всичко е центрирано и пасва


Вашият отговор

Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
  • 20 безплатни урока
  • Трикове и тънкости за софтуера
  • Отговори на вашите въпроси
  • Регистрация