Auteur |
Message |
Mingain
Accro à Web-IG

Sexe: 
Messages: 185
Localisation: Nîmes
|
Posté le:
Ven 14 Sep 2007 - 21:13 |
  |
Bonjour,
J'ai une liste HTML je veux l'utiliser pour afficher un formulaire sous la forme "Nom du champ" et un peu plus loin la case à remplir.
Pour faire "propre", je veux que les cases soient toutes alignées.
J'utilise donc le code ci-dessous.
Code HTML:
Code: |
http://www.web-ig.com/code/kv6x9d-41 |
Code CSS:
Code: |
.colonne_form{ width:200px;} |
Sous IE, le code fonctionne parfaitement mais Firefox n'interprète pas de la même façon . Il n'interprète pas le width de la classe CSS et donc mes champs sont collés au texte les concernant. |
_________________ www.en-camargue.fr : Tourisme et photos en camargue
www.vauclare.fr : Creation de site Web sur mesure dans le gard |
|
     |
|
N'oubliez pas de vous inscrire à la communauté pour participer. Si vous êtes déjà membre, connectez-vous pour faire disparaître ce bandeau publicitaire. |
ShevA
Forumeur occasionnel


 Sexe: 
Messages: 26
Localisation: Poitiers & Orléans
|
Posté le:
Ven 14 Sep 2007 - 21:26 |
  |
Essaye le "div" à la place du "span". |
_________________ Mon portfolio : ShevA-dZign.info |
|
   |
|
Zonag
Modérateur


 Sexe: 
Messages: 1298
Localisation: Toulouse
|
Posté le:
Ven 14 Sep 2007 - 21:27 |
  |
Ca me parait quand même logique que ça marche pas, le texte n'est pas un bloc tu ne peux donc pas lui donner directement une dimension comme ça ... |
_________________ Zonag |
|
  |
|
Zonag
Modérateur


 Sexe: 
Messages: 1298
Localisation: Toulouse
|
Posté le:
Ven 14 Sep 2007 - 21:36 |
  |
Rajoute un float dans tes CSS.
Code: |
.colonne_form {
width:200px;
float: left;
}
|
Ca devrais le faire  |
_________________ Zonag |
|
  |
|
Mingain
Accro à Web-IG

Sexe: 
Messages: 185
Localisation: Nîmes
|
Posté le:
Ven 14 Sep 2007 - 21:56 |
  |
Zonag a écrit: |
Rajoute un float dans tes CSS.
Code: |
.colonne_form {
width:200px;
float: left;
}
|
Ca devrais le faire  |
Ta solution règle le problème pour l'alignement des champs.
Par contre ça en créé un nouveau. En fait sous Firefox ça fonctionne bien mais sous IE les puces se placent devant les champs.
Sur chaque ligne on a donc : "Nom du champ" ... ESPACE ... [PUCE] Champs de formulaire
J'ai tenté de passer l'état de type à none sur l'<ul> sans succés . |
_________________ www.en-camargue.fr : Tourisme et photos en camargue
www.vauclare.fr : Creation de site Web sur mesure dans le gard |
|
     |
|
ShevA
Forumeur occasionnel


 Sexe: 
Messages: 26
Localisation: Poitiers & Orléans
|
Posté le:
Ven 14 Sep 2007 - 22:05 |
  |
T'as pas le site online pour voir ? |
_________________ Mon portfolio : ShevA-dZign.info |
|
   |
|
Mingain
Accro à Web-IG

Sexe: 
Messages: 185
Localisation: Nîmes
|
Posté le:
Ven 14 Sep 2007 - 22:16 |
  |
|
     |
|
|