Une Bévue a écrit :
> j'ai des li où je mets des input ou des checkbox.
> pour ces li-là j'ai mis une class 'right' avec, dans le css :
> text-align:right;
>
> bon c'est pas mal pour les inputs car je m'arrange pour avoir tjs la
> même largeur d'input.
>
> mais quand j'ai une checkbox c'est pas jojo:
> +----------------------+
> | Li Normal |
> +----------------------+
> | Hue: [input] |
> +----------------------+
> | Angle: [input] |
> +----------------------+
> | Triade: X | <!-- X c'est la checkbox -->
> +----------------------+
>
> Alors que je préférerais obtenir :
> +----------------------+
> | Li Normal |
> +----------------------+
> | Hue: [input] |
> +----------------------+
> | Angle: [input] |
> +----------------------+
> | Triade: X | <!-- X c'est la checkbox -->
> +----------------------+

Et si tu utilisais des regroupements sémantiques dédiés aux formulaires
pour pouvoir mieux les styler ?

form label {
display: block;
float: left;
width: 10em;
padding: 0;
margin: 1em 0 0;
text-align: right;
}

<form action="http://www.example.com/submit.cgi" method="post" name="f">
<fieldset>
<legend>Li Normal</legend>>
<label for="hie" accesskey="h">Hue: </label>
<input type="text" id="hue" name="hue" value="" tabindex="1">
<label for="angle" accesskey="a">Angle: </label>
<input type="text" id="angle" name="angle" tabbindex="2">
<label for="triade" accesskey="e">Triade: </label>
<input type="checkbox" id="triade" name="triade" tabindex="3">
</fieldset>
</form>


--
Léa Gris