Veuillez vous connecter ou créer un compte pour suivre ce topic
Ce topic est suivi par: joel
Ce topic a été résolu
Auteur Sujet: mettre une image en css

joel

Messages: 32

salut le code css ne marche pas sa veut pas afficher mon image sur mon site
Publicité

TheFlameflo

Messages: 303

Salut !
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

Messages: 67

pour afficher une image, utilise <img src="liens/de/ton/image.jpg" /> sinon, si tu veux l'afficher dans une div (en background), rapproche toi de l'attribut css background-image:

Cordialement, Aendawan.

joel

Messages: 32

je veut le mettre en fond d ecran de mon site

joel

Messages: 32

en arriere plan remplacer le body blanc par l image

Aendawan

Messages: 67

dans ce cas là, fais ceci dans ton css
body{
background-image: url('images/background.png');
}
N'oublie pas de remplacer "images/background.png" par le lien de ton image. Cela peut être le chemin vers l'image ou une url.

Plus d'information ici: http://www.w3schools.com/css/css_background.asp

Cordialement, Aendawan.

joel

Messages: 32

ba j ai fait sa met sa ne maffiche pas limage

joel

Messages: 32

<!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>


joel

Messages: 32

c est le code de mon site

joel

Messages: 32

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;
}


joel

Messages: 32

et le css

TheFlameflo

Messages: 303

La seule chose qui pourrait ne pas marcher, ça serait le chemin du background.
Vérifie que l'image est bien dans le répertoire que tu mentionnes dans ton code.

Aendawan

Messages: 67

TheFlameflo a raison, tous est bon (normalement), il ne peut y avoir que des soucis de lien. Par contre, mettre autant de <br/> c'est pas propre du tous.

Florian

Messages: 73

Ou juste met  <link rel="stylesheet" type="text/css" href="style.css?v=1" />
Pour recharger le CSS defois il ne se recharge pas 
Publicité

joel

Messages: 32

Merci sa marche enfaite c etais juste la taille de l image mdrr

Aendawan

Messages: 67

Ah Sourire Heureux d'avoir pu t'aider malgré tout Sourire


Veuillez vous connecter ou créer un compte pour poster une réponse