Problème d'alignement de formulaires

le tuto ne va pas

Sujet résolu

8 juin 2006 à 18:56:28

Bonjour.
J'ai essayé de suivre le tuto "Aligner ses formulaires sans tableaux" (pour les faineants), mais chez moi ça ne marche pas! J'ai d'abord de l'appliquer sur mes propres formulaires et ça ne marchait pas. Alors j'ai copié-collé tout son code et ça ne marche toujours pas! Voilà ce que j'ai chez moi.
Image utilisateur

Alors que normalement je devrais avoir ça:
Image utilisateur

Je vous donne mon code avec:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Pongping v2.0a</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
label
{
display: block;
width: 150px;
float: left;
}
</style>
</head>
<body>
<label for="nom">Nom:</label><input type="text" id="nom" />
<label for="prenom">Prénom:</label><input type="text" id="prenom" />
<label for="age">Age:</label><select id="age"><option>21</option></select>
</body>
</html>

J'éspère que vous pourrez m'aider.

Fylhan

8 juin 2006 à 18:59:35

En élargissant tes <label> à la balsie <input /> correspondante cela marcherait mieux ! (et met avis, qu'il te faudra rajouter un margin au input pour exactement le même effet... et même plus^^)

^= nan en fait c'est une autre méthode que je raconte ! En jouant avec tes floats tu y arriveras^^ Mais c'est pas du tout, du tout sémantiquement !

pongping

8 juin 2006 à 19:04:17

Ben dans le tuto c'est marqué que c'est comme ça et puis sur ses screens ça marche. Pourquoi ça ne marcherai pas avec mon code? Ai-je oublié quelque chose?

strucky

8 juin 2006 à 19:27:33

Ton code n'est pas correct.

Inclus chaque input et label dans un paragraphe différent.

pongping

8 juin 2006 à 20:03:50

Merci! Ca marche maintenant.