Ivica Sacer: Frage zum Wiki-Artikel „CSS“

Beitrag lesen

SELF-Forum

Frage zum Wiki-Artikel „CSS“

Ivica Sacer
– Informationen zu den Bewertungsregeln

Brauche mal Eure Hilfe, arbeite gerade die CD "Moderne Webseiten erstellen"durch und bekomme einfach nicht im subheader das Bild rein obwohl der Code und die Bildquelle stimmt.

Suche schon seit Stunden und finde nicht den Fehler.

"Moderne Webseiten erstellen" Windows 7 Kurz ISBN: 2681

Bitte um Hilfe.

LG Ivica Sacer


<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Fluidsounds</title>

  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="shortcut icon" href="/images/favicon.png">
  <link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">

  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="custom.css">
  
  <script src="js/modernizr.js"></script>
</head>
<body>
	<header class="fs-header">
		<div class="container row">
			<div class="col col-5 fs-logo">
			</div>
			<div class="col col-7">
			</div>
		</div>
	</header>
	
	<section class="fs-subheader">
		<div class="behind">
		<div class="left">
		</div>
		<div class="right">
		</div>
		<div class="before">
		</div>
	</section>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="js/default.js"></script>
</body>
</html>


body {
	background-color: #1C5052;
}

header {
	height: 111px;
	background: #262e30; /* Old browsers */
	background: -moz-linear-gradient(top, #262e30 0%, #0a0c0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262e30), color-stop(100%,#0a0c0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #262e30 0%,#0a0c0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #262e30 0%,#0a0c0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #262e30 0%,#0a0c0d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #262e30 0%,#0a0c0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262e30', endColorstr='#0a0c0d',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 10;
}

.fs-subheader {
	overflow: hidden;
	height: 107px;
	background: #203B3B;
}

.fs-subheader .behind {
	position: absolute;
	width: 100%;
	height: 107px;
}

.fs-subheader .behind .left,
.fs-subheader .behind .right {
	display: inline-block;
	height: 107px;
	width: 50%;
}

.fs-subheader .behind .right {
	background: #5B6E6E;
}

.fs-subheader .before {
	position: relative;
	z-index: 1;
	background: url('images/bg-subheader.png');
	height: 107px;
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
Beitrag melden
–
Informationen zu den Bewertungsregeln