Loading...
MartinRusanov avatar MartinRusanov 95 Точки

HTML&CSS Exercise - background на login page

Здравейте, може ли някой който е преминал през стайлинга на login страницата, да ми каже как и къде да сложа background фона? В упражнението пише .wrapper { background url ("../images/background.png no repeat center fixed; } Това във form-style.css ли трябва да го напиша или в style.css и как точно да го напиша url-то, защото ми дава грешки? Това е от 2ра част на упражнението.

Тагове:
0
Fundamentals Module 18/06/2016 14:29:34
Nikola_Andreev avatar Nikola_Andreev 671 Точки

Здравей колега.

Ами той си е бял фона на login страницата, ако питаш за менюто отстрани, това е друго. Там е в .sidebar -> background-color: #06C0AB; и се слага в главния css -> styles.css

Edit:Сега видях че и в blog.title има цвят и може би за него говориш, но и той си е в styles.css

 

0
18/06/2016 15:10:02
g_kancheva avatar g_kancheva 46 Точки

Здравей, .wrapper трябва да се добави в form-style.css, което е импортирано в login.html, за да се добави background.

0
MartinRusanov avatar MartinRusanov 95 Точки

Значи аз постъпих по следния начин както пишеше - да импортирам style.css и form-style.css в login.html и това го направих с 

<link type="text/css" rel="stylesheet" href="styles/style.css"/>.
<link type="text/css" rel="stylesheet" href="styles/form-style.css"/>

Написах втори wrapper в login.html и сложих уж кода за background във form-style.css - .wrapper {
    background: url("./images/background.png") no-repeat center center fixed;
    background-size: cover;

Направих всички описани процедури за стилизиране на login box-a във form-style.css за да е центриран в средата,да има background с хората зад него и въобще - да добие описания вид, но след това като отворих страницата, фона е бял и  login box-a е някакъв стандартен и залепен за sidebar-a на страница. В смисъл излиза това, което е написано в login.html все едно няма css file. Да не би да има грешка в импортирането или пък да трябва да reset-на form-style.css с кода който ресетваше style.css?

0
Nikola_Andreev avatar Nikola_Andreev 671 Точки

Аха ти за логин страницата си питал. Ами не мога да знам какво изпускаш, но мога да ти дам моят код да си сравниш. Ето това е html файла, в css може единствено да си объркал името на класовете за да не се получава. Вероятно в html пропускаш нещо. Сравни си ги и ще откриеш разликите.

0
MartinRusanov avatar MartinRusanov 95 Точки

Никола, аз пробвах дали съм сбъркал нещо синтактично, но не открих грешки.Този form-style.css file все едно въобще не съществува. Ще дам кодовете на login.html и form-style.css ако някой иска да ги прочете и да види къде е грешката.  http://pastebin.com/4DWVnph7 - login html http://pastebin.com/ctaBZNJS form-style.css

Edit: на едно място бях писал wrapper2 и нищо не стана и отново го направих на wrapper

0
18/06/2016 18:48:37
KrasimirPetkov avatar KrasimirPetkov 328 Точки

url("../images/background.png")

Трябва да е с две точки преди наклонената черта за background image-а.

0
18/06/2016 19:12:17
MartinRusanov avatar MartinRusanov 95 Точки

А оправих си проблема. css-овете ми бяха в различни директории а аз мислех,че са в една :D

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