taille du span dans une cellule de table

taille du span dans une cellule de table - HTML/CSS - Programmation

Marsh Posté le 16-07-2009 à 11:35:55    

Bonjour,
 
j'utilise une table pour afficher des informations sur une liste de données avec une radiobox sur chaque ligne permettant de selectionner celle que l'on desire
 

Code :
  1. <table class="contenttable">
  2.           <thead>
  3.             <tr>
  4.               <th>&nbsp;</th>
  5.               <th>Name</th>
  6.               <th>Expiration Date</th>
  7.             </tr>
  8.           </thead>
  9.           <tbody>
  10.          
  11.             <tr class="style1">
  12.               <td>
  13.                 <input type="radio" name="credential" id="1" checked="checked" />
  14.               </td>
  15.               <td><label for="1"><span style="width:100%;">unAlias</span></label></td>
  16.               <td><label for="1"><span style="width:100%;">uneDate</span></label></td>
  17.             </tr>
  18.          
  19.             <tr class="style2">
  20.               <td>
  21.                 <input type="radio" name="credential" id="2" />
  22.               </td>
  23.               <td><label for="2"><span style="width:100%;">unAutreAlias</span></label></td>
  24.               <td><label for="2"><span style="width:100%;">uneAutreDate</span></label></td>
  25.             </tr>
  26.           </tbody>
  27.         </table>


 
j'ai remarqué que le label ne fonctionnait que sur le texte donc j'ai voulu rajouter un span qui ferait la taille de la cellule mais même avec le width=100% le span reste de la taille du texte et non pas de la taille du td!
 
Comment je peux faire ca?


---------------
Toinou87 ;-p May the force be with you!!
Reply

Marsh Posté le 16-07-2009 à 11:35:55   

Reply

Marsh Posté le 16-07-2009 à 13:18:14    

tu vires ton span qui sert à rien et tu mets un display:block sur le label
et renomme tes ids en mettant autre chose qu'un numéro, un id qui commence par un numéro et ou qui ne contient que des chiffres est interdit

 


Message édité par gatsu35 le 16-07-2009 à 13:18:37

---------------
Blablaté par Harko
Reply

Marsh Posté le 16-07-2009 à 14:14:04    

ok merci, je vais voir ca.
concernant l'id je vais le faire par principe (_1; _2...) parce que j'ai besoin de ce numéro dans un javascript apres


---------------
Toinou87 ;-p May the force be with you!!
Reply

Marsh Posté le 16-07-2009 à 14:18:56    

bon, le
<td><label for="_0" style="dysplay:block;">Content</label></td>
ne fonctionne pas mieux qu'avant.
Si je click dans la cellule hors du texte, ca ne change pas mes boutons radios


---------------
Toinou87 ;-p May the force be with you!!
Reply

Marsh Posté le 16-07-2009 à 15:07:43    

Toinou87 a écrit :

ok merci, je vais voir ca.
concernant l'id je vais le faire par principe (_1; _2...) parce que j'ai besoin de ce numéro dans un javascript apres


 
tu fais un line_1, line_2, line_3, mais un _1, _2 c'est toujours moche
 

Toinou87 a écrit :

bon, le
<td><label for="_0" style="dysplay:block;">Content</label></td>
ne fonctionne pas mieux qu'avant.
Si je click dans la cellule hors du texte, ca ne change pas mes boutons radios


et tu es sous quel navigateur ?  
sous firefox est-ce que ça marche ??
si tu es sous IE rajoute zoom:1 et dis moi si ça marche.
 


---------------
Blablaté par Harko
Reply

Marsh Posté le 16-07-2009 à 15:10:09    

Toinou87 a écrit :

bon, le
<td><label for="_0" style="dysplay:block;">Content</label></td>
ne fonctionne pas mieux qu'avant.


 
Déjà c'est "display" et pas "dysplay". Et chais_moi_ça_marche™.

Reply

Marsh Posté le 16-07-2009 à 15:36:23    

c'etait bien ma faute de frappe,
merci du coup de main ca marche (sous ff en tout cas, je m'en vais checker pas mal de chose sous ie, je verifirai ca aussi)


---------------
Toinou87 ;-p May the force be with you!!
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed