Salut,
Tout d'abord, désolé je n'ai aucun moyen de mettre mon code en ligne pour que vous puissiez m'aider plus efficacement (restrictions au taff).
Ensuite un extrait de mon formulaire xhtml 1.0 strict
le CSS :
Maintenant mon problème, j'ai un texte dans la balise <p id"test"> que je souhaite aligner à gauche, histoire de faire une sous-rubrique du formulaire.
Seulement, le texte s'aligne bien à gauche mais commence au même endroit que mes champs texte :
L'idée est bien de coller le texte tout à gauche à coté de la bordure du fieldset. C'est apparemment lié au label, si je change les propriétés float ou width dans le CSS, le texte s'aligne comme je le souhaite.
Voyez-vous où je me suis trompé?
Merci par avance.
Modifié par bbp (01 Mar 2006 - 16:51)
Tout d'abord, désolé je n'ai aucun moyen de mettre mon code en ligne pour que vous puissiez m'aider plus efficacement (restrictions au taff).
Ensuite un extrait de mon formulaire xhtml 1.0 strict
<fieldset id="PCD">
<legend>Prise en charge demandée</legend>
<p>
<label for="txtPCDCoutPedagHT" id="lblPCDCoutPedagHT">Coût pédagogique</label>
<input name="txtPCDCoutPedagHT" type="text" id="txtPCDCoutPedagHT" /> € HT
</p>
<p>
<label for="txtPCDCoutPedagTVA" id="lblPCDCoutPedagTVA"> </label>
<input name="txtPCDCoutPedagTVA" type="text" id="txtPCDCoutPedagTVA" /> € TVA
</p>
<p>
<label for="txtPCDCoutPedagTTC" id="lblPCDCoutPedagTTC"> </label>
<input name="txtPCDCoutPedagTTC" type="text" id="txtPCDCoutPedagTTC" /> € TTC
</p>
<p>
<label for="txtPCDRemun" id="lblPCDRemun">Rémunération du personnel en formation</label>
<input name="txtPCDRemun" type="text" id="txtPCDRemun" /> €
</p>
<p id="test">Frais annexes du personnel en formation</p>
<p>
<label for="txtPCDNbHeberg" id="lblPCDNbHeberg">hébergement : nombre de nuits d'hôtel</label>
<input name="txtPCDNbHeberg" type="text" id="txtPCDNbHeberg" />
<label for="txtPCDCoutHeberg" id="lblPCDCoutHeberg">soit</label>
<input name="txtPCDCoutHeberg" type="text" id="txtPCDCoutHeberg" /> € TTC
</p>
</fieldset>
le CSS :
html *
{
margin: 0;
padding: 0;
}
body
{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
margin: 20px;
width: 80%;
}
fieldset
{
width: 100%
}
fieldset legend
{
padding: 0px 5px;
}
label
{
float: left;
width: 30%;
text-align: left;
margin-right: 10px;
}
p#test
{
text-align: right;
border: solid 1px red;
}
Maintenant mon problème, j'ai un texte dans la balise <p id"test"> que je souhaite aligner à gauche, histoire de faire une sous-rubrique du formulaire.
Seulement, le texte s'aligne bien à gauche mais commence au même endroit que mes champs texte :
L'idée est bien de coller le texte tout à gauche à coté de la bordure du fieldset. C'est apparemment lié au label, si je change les propriétés float ou width dans le CSS, le texte s'aligne comme je le souhaite.
Voyez-vous où je me suis trompé?
Merci par avance.
Modifié par bbp (01 Mar 2006 - 16:51)