BTS IG Informatique de Gestion

Accro à Web-IG Sexe: Messages: 185 Localisation: Nîmes

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 Very Happy

mais Firefox n'interprète pas de la même façon Rolling Eyes

. Il n'interprète pas le width de la classe CSS et donc mes champs sont collés au texte les concernant.

Posté le: Ven 14 Sep 2007 - 21:26

Essaye le "div" à la place du "span".

Modérateur Sexe: Messages: 1298 Localisation: Toulouse

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 ...

Modérateur Sexe: Messages: 1298 Localisation: Toulouse

Rajoute un float dans tes CSS.

Code:

.colonne_form {
width:200px;
float: left;
}

Ca devrais le faire Smile

Accro à Web-IG Sexe: Messages: 185 Localisation: Nîmes

Zonag a écrit:

Rajoute un float dans tes CSS.

Code:

.colonne_form {
width:200px;
float: left;
}

Ca devrais le faire Smile

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 Confused

.

Posté le: Ven 14 Sep 2007 - 22:05

T'as pas le site online pour voir ?

Accro à Web-IG Sexe: Messages: 185 Localisation: Nîmes