problema con las celdas

manuelle · #1 (**permalink**) 22/09/2010, 18:44

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

Rubenqlc · #2 (**permalink**) 24/09/2010, 08:22

Buenas amigo.

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

Saludos,

emprear · #3 (**permalink**) 24/09/2010, 15:14

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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WRAPPING.</title>
<style type="text/css">
/*<![CDATA[*/
.principal{
background-color: silver;
width: 100px;
float: left;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP */
word-wrap: break-word; /* IE 5+ */
}
/*]]>*/
</style>
 
</head>
<body>
<table id="acusados" border="1" style="border: solid 1px #7f94aa; " cellspacing="0" >
<tr>
<th class="celda">Nombre </th>
<th class="celda">Primer Apellido </th>
<th class="celda">Segundo Apellido </th>
<th class="celda">CI </th>
</tr>
<tr>
<td class="celda">Manuel </td>
<td class="celda">Delgado </td>
<td class="celda">Fernandez </td>
<td class="celda">87112734953 </td>
</tr>
<tr>
<td class="celda">Pedro </td>
<td class="celda">Hernandez </td>
<td class="celda">Lopez </td>
<td class="celda">87112734954 </td>
</tr>
<tr>
<td class="celda">julio </td>
<td class="celda">Frenandez </td>
<td class="celda">Figueredo </td>
<td class="principal">
8711273495aaaaaaaaaaaaaaaAAAAAAAAAAAAAADDDDD DDDDDDDDDD</td>
</tr>
</table> 
</body>
</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

pokelatios · #4 (**permalink**) 24/09/2010, 15:34

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

emprear · #5 (**permalink**) 24/09/2010, 15:49

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