Positionnement CSS
Bonjour, je fais une page internet et j'entame le CSS et j'aurais voulu positionner des input radio les un en dessous des autres et alignés pour que ça fasse plus jolie sauf que je ne connais pas la propriété qui fait ça don je fais appels à vous...
Voici à quoi ça ressemble pour l'instant:
[url=http://www.zimagez.com/zimage/capturer791.php][img]http://www.zimagez.com/miniature/capturer791.jpg[/img][/url]
Voici à quoi ça ressemble pour l'instant:
[url=http://www.zimagez.com/zimage/capturer791.php][img]http://www.zimagez.com/miniature/capturer791.jpg[/img][/url]
Configuration: Windows Vista Firefox 3.0.8
7 réponses
-
je te conseil de mettre ton formulaire dans un tableau
par exemple
<table> <tr> <td>ton label</td> <td>ton input</td> </tr> <tr> <td>ton label</td> <td>ton input</td> </tr> </table>
-
J'ai déjà essayer un tableau et j'ai mis border="non" mais ça fais moche je trouve... :/
Ca ne fait pas aligner pare ce que les genres n'ont pas le même nombre de lettres... -
Bonsoir,
<ul class="liste">
<li>
<input...../> <label></label>
</li>
<li>
<input.../> <label></label>
</li>
</ul>
css:
.liste {
padding-left: 2px (ou en em ou en %)
}
avec padding-left tu indique la séparation entre ton input et de la bordure gauche du bloc dans lequel il est. -
Ca ne fonctionne pas, je n'ai pas les inputs alignés.. :/
-
fait une image de ce que tu voudrais
-
Je voudrais avoir la même chose pour les boutons..
http://guyonst.free.fr/ap/mysql-test/ajout-film.php -
tu le fais avec un tableau :
dans le css tu mets text-align: right; pour la colonne label et text-align: left; dans la colonne input
