mettre une image en css
joel Le 23 avril 2016 à 21:30 (Édité le 25 janvier 2019 à 17:50)
TheFlameflo Le 23 avril 2016 à 22:00
Il faudrait savoir quel est ton code pour qu'on puisse mieux t'aider !
De plus, si tu essayes d'afficher une image en CSS (et non un background), je te conseille d'utiliser la balise img, voici un petit tuto qui pourrait t'aider :
http://www.w3schools.com/html/html_images.asp
Si tu ne réussis toujours pas, n'hésite pas à poser des questions !
Aendawan Le 23 avril 2016 à 22:00
Cordialement, Aendawan.
Aendawan Le 23 avril 2016 à 22:04
body{
background-image: url('images/background.png');
}
Plus d'information ici: http://www.w3schools.com/css/css_background.asp
Cordialement, Aendawan.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hebergement web a prix reduit</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div id="menu">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">ParkMyServ</a>
</div>
<ul class="nav navbar-nav navbar-right">
<ul class="nav navbar-nav">
<li><a href="#">Accueil</a></li>
<li><a href="#">Offres et prix</a></li>
<li><a href="#">Espace client</a></li>
<li><a href="#">Inscription</a></li>
<li><a href="#">Contact</a></li>
</ul>
</ul>
</div>
</nav>
</div>
<div id="block1">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<h3 align="center">BIENVENUE SUR NOTRE SITE</h3>
</div>
<br/>
<br/>
<br/>
<br/>
<div class="container">
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</style>
</html>
body{
background-image: url('durand/mine.png');
}
#block1{
display: block;
background-color: #F1F1F1;
width: 70%;
height: 84%;
position: absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
#menu{
width: 70%;
height: 84%;
position: absolute;
top: -105px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
TheFlameflo Le 23 avril 2016 à 22:27
Vérifie que l'image est bien dans le répertoire que tu mentionnes dans ton code.
Aendawan Le 24 avril 2016 à 00:25
Florian Le 24 avril 2016 à 00:31
Pour recharger le CSS defois il ne se recharge pas
