probleme de label dans un formulaire - HTML/CSS - Programmation
Marsh Posté le 16-06-2007 à 12:58:57
pourquoi tu utilises des class ? les balises input et textarea son reconnues en css. tu as juste à mettre "input {}" et voilà
Marsh Posté le 16-06-2007 à 13:04:04
car certaines fois, j'ai d'autres input ou textarea et je veux pas que ce style leur soit aproprié
Marsh Posté le 16-06-2007 à 15:43:29
ok là je comprends mieux
Marsh Posté le 14-06-2007 à 21:56:39
Bonjour, sur mon site j'ai un formulaire, j'ai créé une classe pour les labels nommés champ et d'autres pour les input et les textarea:
.champ{
display: inline;
width: 120px ;
font-weight: bold ;
font-size: 12;
}
.INPUT {
background-color: #FFEFD5 ;
font-family: Arial, Helvetica, sans-serif ;
}
.TEXTAREA {
background-color: #FFEFD5 ;
font-family: Arial, Helvetica, sans-serif ;
}
au niveau de mon xhtml :
<p>
  <label class="champ">Nom de l'entreprise : </label>
<?php echo $html->input('Entreprise/nom', array('class'=>'INPUT', 'size' => '48'))?>
<?=$html->tagErrorMsg('Entreprise/nom',"<i>Le nom de l'entreprise est obligatoire</i>" )?>
</p>
<p>
  <label class="champ">Secteur(s) d'activités : </label>
<?php echo $html->textarea('Entreprise/secteur', array('class'=>'TEXTAREA', 'rows'=> '8', 'cols'=>'50')) ?>
<?=$html->tagErrorMsg('Entreprise/secteur',"<i>Ce champ est obligatoire</i>" )?>
</p>
seulement vous pouvez vérifier ICI sous Firefox ça ne marche pas, la largeur du label n'est pas effectuée alors que sous IE ça fonctionne.
J'ai essayé d'insérer un "float: left;" mais ça ne marche pas, ça désaligne le label et le champ. Serait-ce une histoire de display: block; ou quelque chose comme ça çar j'ai essayé aussi mais en vain...
Message édité par koboy le 14-06-2007 à 22:00:19