koboy etudiant | 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:
Citation :
.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 :
Citation :
<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
|