label abarque todo el ancho de td

[doylelives]

Hola a todos:
Queria usar el label para que tilde un checkbox, a partir de un texto contenido en un td.

Código PHP:

  <td><label for="item"><input type="checkbox" id="item" /></label></td>  
   

el problema es que el td tiene un ancho fijo, el texto solo ocupa la mitad del td,
¿como puedo hacer que el label aplique no solo al texto, sino tambien al ancho del td?

[noblejis]

Buenas,

No lo he probado, pero se me ocurre meter una etiqueta div dentro de la label.
La etiqueta tiene que ocupar todo el ancho y el largo del el td.

Código HTML:

<td><label for="item"><div><input type="checkbox" id="item" /></div></label></td>
 

Prueba a ver si hay suerte.

Un saludo.

[rb3m]

label es una etiqueta en la línea, así que sólo ocupa el espacio del texto que tiene dentro. Para hacer que ocupe el ancho del td necesitarás hacerla una etiqueta en bloque y darle un ancho. En tu css puedes usar algo más o menos así:

td label { display: block; width: 100%; }