Folgende Frage:
Warum wird mein Bild nicht geladen? Der Fehler steht oben.
Code:
index.html:
Das Bild heisst Tape_measure_colored.jpeg und ist in der styles.css
Warum wird mein Bild nicht geladen? Der Fehler steht oben.
Code:
index.html:
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<link rel="stylesheet" type="text/css" href="resources/css/normalize.css">
<link rel="stylesheet" type="text/css" href="resources/css/grid.css">
<link rel="stylesheet" type="text/css" href="resources/css/ionicons.min.css">
<link rel="stylesheet" type="text/css" href="resources/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet">
<meta charset="utf-8">
<title>Couture Anni</title>
</head>
<body>
<header>
<nav>
<div class="row">
<img src="resources/img/IMG_5203_large.png" alt="Annamaria Hofstetter" class="Margrit">
<img src="resources/img/logo_1(1).png" alt="Couture Anni Logo" class="logo">
<ul class="main-nav">
<li><a href="#">Dummy</a></li>
<li><a href="#">Dummy</a></li>
<li><a href="#">Dummy</a></li>
<li><a href="#">Dummy</a></li>
</ul>
</div>
</nav>
<div class="tape-text-box">
<h1>Diese Seite ist unter Bearbeitung.<br>Bis demnächst!</h1>
<a class="btn btn-full" href="#">Dummy</a>
<a class="btn btn-ghost" href="#">Dummy</a>
</div>
</header>
<section class="section-features">
<div class="row">
<h2>Dummy</h2>
<p class="long-copy">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
<div class="row">
<div class="col span-1-of-4" box>
<i class="ion-ios-infinite-outline icon-big"></i>
<h3>Dummy</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
<div class="col span-1-of-4" box>
<i class="ion-ios-infinite-outline icon-big"></i>
<h3>Dummy</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
<div class="col span-1-of-4" box>
<i class="ion-ios-infinite-outline icon-big"></i>
<h3>Dummy</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
<div class="col span-1-of-4" box>
<i class="ion-ios-infinite-outline icon-big"></i>
<h3>Dummy</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
</div>
</section>
<section class="section-meals">
<ul class="meals-showcase clearfix">
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5184_small.jpg" alt="Korean bibimbap with egg and vegetables">
</figure>
</li>
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5203_small.jpg" alt="Simple Italian pizza with cherry tomatoes">
</figure>
</li>
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5261_small.jpg" alt="Chicken breast streak with vegetables">
</figure>
</li>
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5306_small.jpg" alt="Autumn pumpkin soup">
</figure>
</li>
</ul>
<ul class="meals-showcase clearfix">
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5352_small.jpg" alt="Paleo beef steak with vegetables">
</figure>
</li>
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5356_small.jpg" alt="Healthy baguette with egg and vegetables">
</figure>
</li>
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5360_small.jpg" alt="Burger with cheddar and bacon">
</figure>
</li>
<li>
<figure class="meal-photo">
<img src="resources/img/IMG_5366_small.jpg" alt="Granola with cherries and strawberries">
</figure>
</li>
</ul>
</section>
<section class="section-steps">
<div class="row">
<h2>Dummy</h2>
</div>
<div class="row">
<div class="col span-1-of-2 steps-box">
<img src="resources/img/app-iPhone.png" alt="Dummy" class="app-screen">
</div>
<div class="col span-1-of-2 steps-box">
<div class="works-step">
<div>1</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<div class="works-step">
<div>2</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<div class="works-step">
<div>3</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
<a href="#" class="btn-app"><img src="resources/img/download-app-android.png" alt="Google Play Store Button"></a>
<a href="#" class="btn-app"><img src="resources/img/download-app-android.png" alt="Google Play Store Button"></a>
</div>
</div>
</section>
</body>
</html>Das Bild heisst Tape_measure_colored.jpeg und ist in der styles.css
Zuletzt bearbeitet:
