Image de fond div

Bonjour, j'aimerais dans une div afficher une image de fond, dans cette div il y a juste mon logo, mais je n'y arrive pas.

4 réponses

  • Votes
  • Date
  • Date décroissante
  1. bjr,
    regarde : http://formation.upyupy.fr/style-css/proprietes-bloc/

    sinon :
    <div style="background-image=url(toto.jpg);height: 200px; width: 400px;background-repeat:no-repeat;"> toto est en jpg</div>
    1. Merci mais cela ne fonctionne pas, j'ai juste toto est en jpg !
    2. Essaye de mettre : au lieu du = juste après background-image, et vérifie bien que le chemin est bon juste après, sinon c'est sur que ça ne marcheras pas :)
    3. essaye :

      <div style="background:url(toto.jpg) no-repeat center center;height: 200px; width: 400px;"> toto est en jpg</div>
    4. Merci, si quelqu'un veux bien m'aider a découpé mon theme PSD en html css je prend ! :)
  2. Rien ne fonctionne voici mon code

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    	<title>Gest-Equestrian</title>
    	<meta charset="utf-8" />
    		<link rel="stylesheet" type="text/css" href="../css/style.css" />
    		<script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/interface.js"></script>
    <!--[if lt IE 7]>
     <style type="text/css">
     .dock img { behavior: url(iepngfix.htc) }
     </style>
    <![endif]-->
    </head>
    	<body>
    	<?php
    if(!empty($_POST['nom&prenom&dtn&tuteur&phone&adresse&sexe&email&login&opii']))
    {
    // D'abord, je me connecte à la base de données.
    mysql_connect("localhost", "gestecra_demo", "31p71h49");
    mysql_select_db("nom_db");
    
    // Je mets aussi certaines sécurités ici...
    $opii = mysql_real_escape_string(htmlspecialchars($_POST['opii']));
    // Je vais crypter le mot de passe.
    $opii = sha1($opii);
    
    mysql_query("INSERT INTO preinscrire VALUES('', '$nom', '$prenom', '$dtn','$tuteur','$phone','$adresse','$sexe','$email','$login','$opii')");
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    	<title>Gest-Equestrian</title>
    	<meta charset="utf-8" />
    		<link rel="stylesheet" type="text/css" href="css/style.css" />
    
    <script type="text/javascript" src="login.js"></script>		
    </head>
    	<body>
    	<div style="background-image,url(http://gest-equestrian.craym.eu/demo/images/head.png);height: 200px; width: 400px;background-repeat:no-repeat;"> toto est en jpg</div>
    	<h1>TEST</h1>
    	<p> Vous pouvez vous pré-inscrire, vos informations seront transmises au responsable(s) du centre équestres. Vous devez remplir tout les champs.</p><br/>
    	<p>Vous pouvez choisir votre login, a éviter (<é&²4-_6 etc).La clé OPII et votre mot de passe, vous pourrez directement accédé a votre compte pour suivre votre dossier.</p>
    <label>Nom: <input type="text" name="nom"/></label><br/>
    <label>Prénom: <input type="text" name="prenom"/></label><br/>
    <label>Date de naissance: <input type="text" name="dtn"/></label><br/>
    <label>Tuteur Légal: <input type="text" name="tuteur"/></label><br/> 
    <label>Téléphone: <input type="text" name="phone"/></label><br/>
    <label>Adresse: <textarea name="adresse"/></label><br/>  
    <label>Sexe:</label>
    <select name="sexe" id="sexe">
               <option value="h">Masculin</option>
               <option value="f">Féminin</option> 
    		   <label>Email: <input type="text" name="email"/></label><br/>
    		   <label>Login: <input type="text" name="login"/></label><br/>
    		   <label>Clé OPII: <input type="text" name="opii"/></label><br/>
               <input name="code" type="text" readonly="readonly" value="<?php echo rand(1000000,9999999)?>" /><br/>    
                                     <input type="submit" value="Validez"/>	
    }
    ?>								 
    </body>
    </html>
    1. cette ligne :
      <div style="background-image,url(http://gest-equestrian.craym.eu/demo/images/head.png);height: 200px; width: 400px;background-repeat:no-repeat;"> toto est en jpg</div>
      
    2. background-image=url
    3. background-image:url
    4. yeep !!!
  3. <div style="background:url(http://gest-equestrian.craym.eu/demo/images/head.png) no-repeat center center;height: 200px; width: 400px;"> toto est en jpg</div>
    1. <div style='height:395px;width:480px; border:1px solid black;'>
      <table border=0 cellpadding=0 cellspacing=0><tr align="left" valign="top">
      <td ><img src="Parts/test0-0.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test0-1.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test0-2.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test0-3.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test0-4.jpg" width=96 height=79></img></td>
      </tr><tr align="left" valign="top">
      <td ><img src="Parts/test1-0.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test1-1.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test1-2.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test1-3.jpg" width=96 height=79></img></td>
      <td ><img src="Parts/test1-4.jpg" width=96 height=79></img></td>
      </tr><tr align="left" valign="top">
      1. j ai toujours un cellspacing entre chaque TR chez free mais pas en local ...
      2. Je tourne en rond une aide ???
      3. Normal faut pas allez chez free !!!!
      4. FREEDOM ...
      5. Même rechargement avec Ctrl f5 ?