Bonjour,
je voudrais placer une image en haut dans le coin droit de mon formulaire, une image à l'angle de mon formulaire et j'ose espérer avoir été clair sinon je tacherai de fournir plus d'infos, voici mon code:
CODE HTML DE MON FORMULAIRE:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63 <form name="formulaire" action="E-mail" method="post" onSubmit="return verif()"> <fieldset> <legend>Contactez-nous</legend> <h5>Du Lundi au Samedi de 8h à 17h</h5> <p> <img src="image03.gif" width="16" height="16" alt=""/> adresse postale<br />Localisation </p> <p> <img src="image04.gif" width="16" height="16" alt=""/> E-mail </p> <p> <img src="image05.gif" width="16" height="16" alt=""/> Téléphone / Fax </p> <p> <img src="photo.gif" height="85" align= right alt="Photo FEDAS-CI"/> </p> </fieldset> <fieldset> <legend>Compte client</legend> <p> <label for="form_lastname">Nom :</label> <input type="text" id="form_lastname" name="lastname"> </p> <p> <label for="form_firstname">Prénom :</label> <input type="text" id="form_firstname" name="first_name"> </p> <p> <label for="form_mail">E-mail :</label> <input type="text" id="form_mail" name="mail"> </p> <p> <label for="form_phone">Téléphone : *</label> <input type="text" id="form_phone" name="phone"> </p> <p> <label for="form_request">Vos demandes : *</label> <select id="form_request" name="request"> <option value="th">Théme1</option> <option value="th">Thème2</option> <option value="th">Thème3</option> <option value="th">Thème4</option> <option value="th">Thème5</option> <option value="th">Thème6</option> </select> </p> <p> <label for="form_message">Votre message : *</label> <textarea name="message" cols="30" rows="5"></textarea> </p> <p> <input type="submit" value="Envoyer" name="envoyer"/> <input type="reset" value="Effacer" name="effacer"/> </p> </fieldset> </form>
CODE CSS DU FORMULAIRE:
Je ne sais quel code css utiliser pour la mise en forme de l'image alors s'il vous plaît aider à le résoudre et merci d'avance
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100 #Formulaire { width: 60%; } image { propriété: valeur; propriété: valeur; } /* fieldset , legend */ fieldset { margin-bottom: 10px; border: #CCC 2px solid; font-family: Arial, "Arial Black", "Times New Roman", Times, serif; font-weight: thin; } fieldset:hover { background-color: #FFF; } fieldset legend { padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px solid; font-size: 1.2em; color: blue; } /* Label */ label { background-color: #FFCC66; display: block; width: 20%; float: left; padding-right: 1%; text-align: right; letter-spacing: 1px; } label:hover { font-weight: bold; } form_label_nostyle { background: none; } /* Input */ input, select { margin-left: 1%; width: 58%; border: #CCC 1px solid; } input:hover, select:hover, input:focus, select:focus { border: #999 1px solid; background-color: #DDEEFF; } /* button submit */ input[type="submit"] { border: #DDEEFF 1px solid; width: 27%; } input[type="submit"]:hover { background-color: #66CC33; cursor: pointer; } input[type="reset"] { border: #DDEEFF 1px solid; width: 27%; } input[type="reset"]:hover { background-color: #E6484D; cursor: pointer; }
Partager