Foros del Web » Creando para Internet » HTML »

problema con las celdas

Estas en el tema de problema con las celdas en el foro de HTML en Foros del Web. hola comunidad agradecere si me ayudad a resolver mi problema con las celdas tengo la siguiente tabla <table id="acusados" border=1 style="border: solid 1px #7f94aa; " ...
  #1 (permalink)  
Antiguo 22/09/2010, 19:44
 
Fecha de Ingreso: marzo-2009
Mensajes: 155
Antigüedad: 8 años, 9 meses
Puntos: 1
problema con las celdas

hola comunidad agradecere si me ayudad a resolver mi problema con las celdas

tengo la siguiente tabla

<table id="acusados" border=1 style="border: solid 1px #7f94aa; " cellspacing="0" >
<tr>
<th id="celda" style="width: 100px; overflow: hidden" ><div>Nombre</div> </th>
<th id="celda" style="width: 100px; overflow: hidden" ><div>Primer Apellido</div> </th>
<th id="celda" style="width: 100px; overflow: hidden" ><div>Segundo Apellido</div> </th>
<th id="celda" style="width: 100px; overflow: hidden" ><div>CI</div> </th>
</tr>

<tr>
<td id="celda" style="width: 100px; overflow: hidden "><div>Manuel</div> </td>
<td id="celda" style="width: 100px; overflow: hidden "><div>Delgado</div> </td>
<td id="celda" style="width: 100px ; overflow: hidden"><div>Fernandez</div> </td>
<td id="celda" style="width: 100px; overflow: hidden "><div>87112734953</div> </td>
</tr>
<tr>
<td id="celda" style="width: 100px; overflow: hidden "><div>Pedro</div> </td>
<td id="celda" style="width: 100px ; overflow: hidden"><div>Hernandez</div> </td>
<td id="celda" style="width: 100px ; overflow: hidden"><div>Lopez</div> </td>
<td id="celda" style="width: 100px ; overflow: hidden"><div>87112734954</div> </td>
</tr>
<tr>
<td id="celda" style="width: 100px ; overflow: hidden"><div>julio</div> </td>
<td id="celda" style="width: 100px ; overflow: hidden"><div>Frenandez</div> </td>
<td id="celda" style="width: 100px ; overflow: hidden"><div>Figueredo</div> </td>
<td id="celda" style="width: 100px ; overflow: hidden; white-space: nowrap; " ><div>8711273495aaaaaaaaaaaaaaaAAAAAAAAAAAAAADDDDD DDDDDDDDDD</div> </td>
</tr>
</table>

como pueden ver la ultima celda contiene bastante informacion y tambien pueden ver que tiene puesto un tamaño fijo, lo que queria lograr era que solo se mostrara en la celda solo la informacion que se pudiera para el tamaño que tiene y para ello trate de usar overflow: hidden pero no me funciona si alguien sabe como hacer le agradecere

saludos manuelle
  #2 (permalink)  
Antiguo 24/09/2010, 09:22
Avatar de Rubenqlc  
Fecha de Ingreso: agosto-2009
Ubicación: Las Palmas (Islas Canarias-España)
Mensajes: 191
Antigüedad: 8 años, 3 meses
Puntos: 5
Respuesta: problema con las celdas

Buenas amigo.

Sólo tienes que cambiar el width de la última celda por max-width.


Saludos,
  #3 (permalink)  
Antiguo 24/09/2010, 16:14
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: problema con las celdas

manuelle::
El problema es que max-width no funciona en internet explorer, ahi por la web varios fix para ese problema, pero yo en realidad nunca los vi funcionando 100% bien, depende del html que estes usando.
Por lo pronto lo que podés hacer es esto

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>WRAPPING.</title>
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8. .principal{
  9. background-color: silver;
  10. width: 100px;
  11. float: left;
  12. white-space: pre; /* CSS 2.0 */
  13. white-space: pre-wrap; /* CSS 2.1 */
  14. white-space: pre-line; /* CSS 3.0 */
  15. white-space: -pre-wrap; /* Opera 4-6 */
  16. white-space: -o-pre-wrap; /* Opera 7 */
  17. white-space: -moz-pre-wrap; /* Mozilla */
  18. white-space: -hp-pre-wrap; /* HP */
  19. word-wrap: break-word; /* IE 5+ */
  20. }
  21. /*]]>*/
  22.  
  23. </head>
  24. <table id="acusados" border="1" style="border: solid 1px #7f94aa; " cellspacing="0" >
  25. <tr>
  26. <th class="celda">Nombre </th>
  27. <th class="celda">Primer Apellido </th>
  28. <th class="celda">Segundo Apellido </th>
  29. <th class="celda">CI </th>
  30. </tr>
  31. <tr>
  32. <td class="celda">Manuel </td>
  33. <td class="celda">Delgado </td>
  34. <td class="celda">Fernandez </td>
  35. <td class="celda">87112734953 </td>
  36. </tr>
  37. <tr>
  38. <td class="celda">Pedro </td>
  39. <td class="celda">Hernandez </td>
  40. <td class="celda">Lopez </td>
  41. <td class="celda">87112734954 </td>
  42. </tr>
  43. <tr>
  44. <td class="celda">julio </td>
  45. <td class="celda">Frenandez </td>
  46. <td class="celda">Figueredo </td>
  47. <td class="principal">
  48. 8711273495aaaaaaaaaaaaaaaAAAAAAAAAAAAAADDDDD DDDDDDDDDD</td>
  49. </tr>
  50. </table>
  51. </body>
  52. </html>

Y toma nota del que el atributo ID debe de ser único para cada elemento, caso contrario tenes que usar class="" y es algo redundante, en tu ejempo, poner divs dentro de los td de resultados.

saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 24/09/2010, 16:34
(Desactivado)
 
Fecha de Ingreso: enero-2010
Mensajes: 67
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: problema con las celdas

yo tengo un problema similar:



cuando inserto una celda de color y bordes negros me aparece eso en los textos de los menus de los lados, ¿como lo puedo solucionar?

http://pokemonevolution.byethost4.com/2/002.php alli es donde se ve el error
  #5 (permalink)  
Antiguo 24/09/2010, 16:49
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: problema con las celdas

pokelatios:

Bueno, este no es el problema de manuelle, aunque supongo por la imagen es que estas cometiendo uno de los errores que señale, es decir aplicando el mismo estilo a elementos con la misma etiqueta. no tengo tu código, pero si usaste una tabla. identifica las celdas con diferentes clases, para el menu, el titulo, o u otro contenido.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: celdas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:16.