Aligner certains champs formulaire - Programmation
TomsGuide.com : 700 000 inscrits répondent à toutes vos questions high-tech et informatique.
Pour obtenir de l'aide, inscrivez-vous gratuitement !
 

Ajouter une réponse



Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Aligner certains champs formulaire
 
jpp13
Profil : IDNaute
Plus d'informations
n°105260
12-06-2007 à 10:06:31

Salut à tous,

Voila je rencontre une difficulté pour aligner certains champs de mes formulaires, par exemple j'aimerais aligner ces 2 champs :

Code :
  1. <p class="field">
  2.           <label for="tel_expediteur">Tel. :</label>
  3.           <input type="text" size="30" name="tel_expediteur" id="tel_expediteur" value="<?php
  4.         if (!empty($_POST["tel_expediteur"])) {
  5. // l'adresse email de l'expéditeur a été saisie: la réafficher
  6.                 echo htmlspecialchars($_POST["tel_expediteur"],ENT_QUOTES);
  7.         }
  8.         ?>" />
  9.          </p>
  11.           <p class="field">
  12.           <label for="fax_expediteur">Fax. :</label>
  13.           <input type="text" size="30" name="fax_expediteur" id="fax_expediteur" value="<?php
  14.         if (!empty($_POST["fax_expediteur"])) {
  15. // l'adresse email de l'expéditeur a été saisie: la réafficher
  16.                 echo htmlspecialchars($_POST["tel_expediteur"],ENT_QUOTES);
  17.         }
  18.         ?>" />       
  19.           </p>



Je vous montre le css correspondant :

Code :
  1. .field{
  2. margin:0px;
  3. padding:0px;
  4. }
  5. p.field{
  6. padding-top:10px;
  7. }



Merci de votre aide.

Liens sponsorisés


Inscrivez-vous ou connectez-vous pour masquer ceci.

kephren14
Profil : IDNaute
Plus d'informations
n°105261
12-06-2007 à 10:08:51

Perso quand je fais un formulaire et que je veux aligner certains champs je passe par un tableau ! C'est tellement plus simple ! (pour moi)

jpp13
Profil : IDNaute
Plus d'informations
n°105262
12-06-2007 à 10:22:13

ouais mais avec le css, c'est finit les tableaux. Et c'est pas du tout bien pour l'accessibilité...

kephren14
Profil : IDNaute
Plus d'informations
n°105263
12-06-2007 à 10:45:57

A moins d'avoir un tableau vraiment complexe, l'accessibilité est la meme !

Et tu veux les aligner comment au fait ?

jpp13
Profil : IDNaute
Plus d'informations
n°105269
12-06-2007 à 11:13:47

L'un a coté de l'autre, pour l'instant ils sont en dessous.

MAis c'est pas grave je vais laisser comme ca je pense
...

Car j'utilise jamais de tableaux j'aimeee pas !

kephren14
Profil : IDNaute
Plus d'informations
n°105270
12-06-2007 à 11:21:23

Pour les mettre l'un à coté de l'autre, supprime le :

Code :
  1. </p>
  3.           <p class="field">



Qui se trouve au milieu non ?

Halike
Profil : IDNaute
Plus d'informations
n°105271
12-06-2007 à 11:21:45

Bonjour,
je vais peut etre dire une bêtise,mais il me semble que tes champs se retrouvent l'un en dessous de l'autre car ils sont contenus dans une balise <p>, qui est de type bloc.
Ca devrait fonctionner si tu mets dans ton css:

Code :
  1. .field {display : inline;}
 

Mais enfin je ne vois pas bien l'intéret de mettre chaque champ dans un paragraphe différent.

 

Sinon, je suis d'accord sur le fait qu'utiliser des tableaux pour une mise en page, c'est mal :)

 

Bonne journée.

 

[edit]Semi-grilled :/


Message édité par Halike le 12-06-2007 à 11:22:26

---------------
"Build a man a fire, and he'll be warm for a day. Set a man on fire, and he'll be warm for the rest of his life."
kephren14
Profil : IDNaute
Plus d'informations
n°105280
12-06-2007 à 11:45:16

Les tableaux sont mals quand tu commences à avoir un nombre considerables de balises qui alourdit le code, quand tu veux un design complexe ou si tu veux ameliorer la vitesse de chargement de la page ! Ceci quand il y a x tableaux !
Mais quand tu en fait un seul petit ça revient au meme (je trouve)
Mais il ne faut pas faire tout son site avec des tableaux, moi je parle que d'un petit formulaire ! car un formulaire tu le remplis la plupart du temps une seule fois puis c'est bon !lol
Fin bref ! Halike confirme la balise <p>


  FORUM Infos-du-Net » Programmation » Aligner certains champs formulaire

Aller à :
Ajouter une réponse
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0,408 secondes
Liens
Produits relatifs