Loading...
+ Нов въпрос
Bishop avatar Bishop 13 Точки

Материали

Колеги мога ли да помоля някои да ми прати задачите от 3-ти(HTML Structure) Онлайн съм просто 3-та задача не мога да я измисля и се побърквам. Благодаря предварително.

Тагове:
0
Web Fundamentals - HTML5
TeodorDimitrov89 avatar TeodorDimitrov89 264 Точки

Предлагам ти да пратиш някакъв код по който си работил и да ти се помогне където не си успял. Използвай codepen.io за да поставиш html+css, който си измислил. По добре е така отколкото кода наготово.

0
16/02/2017 14:05:20
Bishop avatar Bishop 13 Точки

Проблема е, че снимката ми 1. не запълва целия екран и 2. не излиза цялата снимка. Ако променя "height" на 1800 излиза, но в описанието не е така. Другото, което не разбирам е когато добавя "no-repeat center center" снимката не излиза изобщо? И как точно се центрира контейнер?

<!DOCTYPE html>

<html>
	<head>
		<link rel="stylesheet" href="create-header.css"/>
	</head>

	<body>
		<header class="container">
			<h1>Innovation Cloud</h1>
			<p>"Connect your ideas globally"</p>
			<button class="btn" href="">Learn More</button>
		</header>
	</body>
</html>
body {
	font-family:Lato, sans-serif;
	color: white;
}

header.container {
	margin: 0px auto;
	padding: 0 10px;
	background-image:url("Html 25-ti/02. HTML-Structure-Resources/background-image.jpg");
	background-size: cover;
	height: 800px;
	text-align: center;
	
}

h1 {
	font-size: 80px;
	padding: 80px 0;
	letter-spacing: 8px;
	text-transform: uppercase;
}

p {
	font-size: 27px;
	font-weight: 100;
	margin: 20px;
}

.btn {
	color: #ffffff;
	background: none;
	border: 5px solid #ffffff;
	border-radius: 15px;
	padding: 15px 45px;
	font-size: 16px;
}

.btn:hover {
	background: #000;
	border-color: #000;
	cursor: pointer;
}


 

0
17/02/2017 07:39:11
bMedarski avatar bMedarski 148 Точки

Колега, помолиха те да използваш  codepen.io.

След background-image:url("Html 25-ti/02. HTML-Structure-Resources/background-image.jpg");

добави background-image: url("Html 25-ti/02. HTML-Structure-Resources/background-image.jpg") no-repeat center center;

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