Background image html

Fermé

kilira Messages postés 7 Date d'inscription jeudi 27 mars 2014 Statut Membre Dernière intervention 6 mai 2014 - 21 avril 2014 à 18:16
barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 - 21 avril 2014 à 20:54

Bonjour,

svp comment en fait d'une image le background d'un formulaire en html ?

A voir également:

Background image html
Image iso - Guide
Editeur html - Télécharger - HTML
Acronis true image - Télécharger - Sauvegarde
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama

3 réponses

Réponse 1 / 3

barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 110
21 avril 2014 à 18:37

Par exemple:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<style>
fieldset {
	width:200px;
	border-radius:5px;
	padding:20px 50px 50px 50px;
	margin:20px 0 0 0 ;
	background:url(img/fond.jpg)
}
input[type=text] {
	background:lemonchiffon;
}
label {
	display:block;
}
</style>
</head>

<body>
 <fieldset>
   <form name="form1" method="post" action="">
     <p>
          <label for="nom">Nom</label>
          <input type="text" name="nom" id="nom">
        </p>
        <p>
          <label for="prenom">Prénom</label>
          <input type="text" name="prenom" id="prenom">
        </p>
        <p>
          <label for="ville">Ville</label>
          <input type="text" name="ville" id="ville">
        </p>
        <p>
          <input type="submit" name="envoi" id="envoi" value="Envoyer">
        </p>
      </form>
      <p></p>

</fieldset>
</body>
</html>

http://www.tutoriels-extensions-dreamweaver.fr/

Réponse 2 / 3

kilira Messages postés 7 Date d'inscription jeudi 27 mars 2014 Statut Membre Dernière intervention 6 mai 2014
21 avril 2014 à 18:51

ça fonctionne pas au niveau du background

Réponse 3 / 3

barale61 Messages postés 1192 Date d'inscription jeudi 13 septembre 2012 Statut Membre Dernière intervention 17 avril 2024 110
21 avril 2014 à 20:54

Dans le cas présent, l'image fond.jpg se trouve dans un dossier qui se nomme img.

background:url(img/fond.jpg)

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Image cliquable dans html

Espace en HTML

Discussions similaires

Newsletters