lundi 30 mars 2015

Can't figure out how to get a background image into my working right

I'm just learning the basics now. I'm following the Udemy course and the images do not display at all.



<!doctype html>
<html>

<head>
<title>CSS Basics</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
#main {
width:800px;
height:1000;
margin-left: auto;
margin-right: auto;
background-color: #82b3ae;
padding:20;
}
h1 {
text-align: center;
color: green;
font-size: 50;
}
#jumbotron {
background-image: url('../assets/banner.jpg');
height: 200px;
width: 800px;
}
</style>
</head>

<body>
<div id="main">
<div id="jumbotron">
<h1>Neil Harper's Website</h1>
</div>
<p>Lorem ipsum dolor sit amet, eros elit recteque ex pri, mei iusto oratio te. Duo equidem dolorum antiopam ea. Munere electram suavitate has an. An mei ornatus sensibus eleifend. Vero tritani pro id.</p>
<p>Ut quo esse porro honestatis, vis ad nisl vidit, id assum voluptaria his. Eos ei tibique vituperata, ridens mentitum persequeris mei in. Habeo doctus partiendo eu nam, dicant appetere vim ex, quo et esse regione. Pri habeo soleat commune cu.
Ei possit prompta commune vim, cu latine nostrum vix.</p>
</div>
</body>

</html>




Aucun commentaire:

Enregistrer un commentaire