Hi
Ich probiere gerade ein Bild im Hintergrund einzufügen als link.
Könnte mir bitte einer Helfen, ich verzweifle und finde den Fehler nicht.
Es zeigt bei mir das bild nicht an?
Ich bin Anfänger und würde mich um hilfe freuen
Zitat:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Titel der Einzelseite</title>
<meta name="des*****ion" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<link href="style1.css" rel="stylesheet">
</head>
<body>
<div id="oben">
<div id="logo">
<div id="logo_bild">
<div id="logo_bild_oben"></div>
</div>
<div id="logo_text"><a href="#"> Bergstrassen BBQ </a></div>
</div>
<div id="slider"></div>
<div id="nav">
<ul>
<li>Home</li>
<li>Videos</li>
<li>Facebook</li>
<li>Instagram</li>
</ul>
</div>
<div id="slider"></div>
</div>
<div id="mitte">
<div class="inhalt_box">
<h2>Über Mich</h2>
<p>HalloLeute,mein Name ist ...und ich Produziere extem Leckers essen!</p>
</div>
<div class="inhalt_box">
<h2>Letztes Video</h2>
<!-----Platzhalter video-->
</div>
</div>
<div id="unten">
<p>Folgt mir auf den Social Media Kanälen!
</p>
<a id="social-fb" href="</a>
<a id="social-fb" href=</a>
</div>
</body>
</html>
|
Zitat:
body {
font-family: 'Roboto Condensed', sans-serif;
margin: 0;
}
p {
font-family: 'Oswald', sans-serif;
}
#logo {
display: flex;
flex-direction: column;
align-items: center;
}
#logo_bild {
width: 50px;
height: 50px;
background-color: #9f5c23;
border-radius: 5px;
overflow: hidden;
}
#logo_bild_oben {
background-color: #00AA55;
width:100%;
height:30%;
}
#logo_text a {
font-size: 30px;
text-decoration: none;
color: black;
}
#nav ul {
display: flex;
justify-content: center;
list-style: none;
}
#nav ul li {
padding-left: 20px;
padding-right: 20px;
font-weight: 100;
color: gray;
}
#nav ul li:hover {
cursor: pointer;
color: #00AA55;
}
#slider {
background-image:
url();
width: 100;
height: 150;
background-size: cover;
background-position: center;
}
|