Image de fond div
flyad
-
Zazaaz -
Zazaaz -
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
-
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>
-
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> -
<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>
-
<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">
