Loading...
manito_17711 avatar manito_17711 43 Точки

[Homework] Web Fundamentals - HTML5 Responsive... първа задача

Здравейте,

не съм сигурен дали разбирам правилно условието... 

 

Link to GitHub - решението... до някъде...

 

  • From 780px to 960px – white spaces disappear, the section and sidebars scale proportionally with the browser window (see the following PNG file: “01-Unresponsive-Homework-02-780-960.png”).

 

  • From 640px to 780px – The sidebar moves to the bottom of the page and the items are situated next to each other (see the following PNG file: “01-Unresponsive-Homework-03-640-780.png”).

 

  • Under 640px – The menu changes again, the header falls under the logo and they are centered, the items in the sidebar (below the section now) are arranged in new way (see the following PNG file: “01-Unresponsive-Homework-04-Under-640.png”).

 

Моля, нека някой да пробва и да ми каже правилно ли съм се ориентирал в респонсива. Интересува ме дали заданията от условието за промените при пикселите се изпълняват както се очаква - или тези от 900px трябва да слезнат до 780px, 780px трябва да ги направя до 640px... и така на долу...

 

Не бих отказал ако някой постне линк към "правилно" оразмерена тази задача... Благодаря.

 

Поздрави,

Ники

Тагове:
-2
Web Fundamentals - HTML5 08/03/2015 14:22:17
Kamigawa avatar Kamigawa 750 Точки

На wrappara width трябва да бъде 960px, не 600 (т.е. максималното разгъване е 960). След което като пада надолу вече е описно какво трябва да става, ти даже си го копирал в поста.

Ето как съм я решил аз : https://github.com/Vutov/SoftUni/tree/master/HTML%20and%20CSS/Homework/08.%20Responsive-and-Bootstrap-Homework (не претендирам, че е много правилно или точно ;) )

0
lyki12 avatar lyki12 3 Точки

Защо wrappar-a трябва да е 960 ?

0
Kamigawa avatar Kamigawa 750 Точки

Размера, над който няма промяна е 960. Ако wrapper-a ти държи всичко му даваш 960пиксела размер и марджин 0 ауто - така си седи в центъра на екрана като се разгъва над 960 пиксела. Като падне под 960 му давап размер 100% и просто наместваш елементите вътре.

0
lyki12 avatar lyki12 3 Точки

Да де, ама защо точно 960пх трябва да ми е wrapper

0
Kamigawa avatar Kamigawa 750 Точки

Защото в условието пише „From 780px to 960px – white spaces disappear, the section and sidebars scale proportionally with the browser window“. Т.е. над 960 няма промяна, а между 960 и 780 има. Ако пишеше, че над 1280 няма промяна, щеше да е 1280, а не 960 и т.н.

0
03/03/2015 19:20:00
lyki12 avatar lyki12 3 Точки

Мерси не се бях замислил ;)

0
manito_17711 avatar manito_17711 43 Точки

Не съм го направил 960px а 600px, защото няма да изглежда като първата снимка от заданието. Тя ми е основата!

Като изходни размери съм ползвал снимката и понеже в условието пишe 100% accuracy is  required съм сметнал, че всичко трябва да е като на снимката - фонт, големина на снимките, дебелина на рамката, сянки.... Иначе това с 100% се обезмисля...

М**му, от там съм изхождал за всички домашни laughing...

 

Благодаря... 

Второ мнение?!

 

Поздрави,

Ники

-1
04/03/2015 12:43:27
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.