contenido tabla commentarios - Ajustar ancho

[datcom]

Hola amigos,
Tengo un problemita con mi tabla de los comentarios, cuando se exceden en palabras en vez de continuar el párrafo hacia abajo, lo hace en horizontal rompiendo con el ancho de la tabla y se desvirtua todo.

Vean al fondo de esta pagina
http://centrodeamor.host22.com/


como puedo ajustarlo?
Gracias

[setenta]

Hola amigo. Veo que podrías cambiar esto de tu código HTML (en el td de comentario, donde insertas el div)

<table width="50%" border="0" align="center">

<tr>
</tr>
<tr>
<td>

<div id="content">
</div>

</td>
</tr>
<tr>

</tr>
</table>

[datcom]

No me da resultado =(, ya probe


-----
ano pera!, eso no lo vi me fijo

[setenta]

Cambiaste el % de la tabla?

[datcom]

no tampoco, sige igual.

[datcom]

Iniciado por setenta

Cambiaste el % de la tabla?

Solo aplique la liena del porcentaje de la tabla, el td no lo toque. y no funciona.
osea como lo escribiste vos porcentaje, border y align en <table>

[setenta]

Usas CSS? Si usas CSS, capaz que tendrías que usar esto en tu página CSS:

.exacto{overflow:hidden;}

Y esto en tu página HTML, en la celda que te da problemas

<td class="exacto">
<div id="content">
</div>

</td>

[setenta]

Amigo: tienes en tu código css, esto:

td{
white-space:nowrap;
}

NOOOOO!! LE estas diciendo al explorador que no corte la línea! Sácalo de inmediato y el problema se solucionará rápidamente!

[datcom]

no tampoco pero creo que puede ser por aca el tema en una hoja PHP quye tengo mira

//display comments
echo "<div class='postitem' id=''><table cellpadding='2' cellspacing='2' border='0' >
<tr>
<td></td><td>$comment<br/> <font size='1'>$name$get_text posted $count $suffix ago<p /></font></td>
</tr>
</table></div>";


quizas abria que modificar algo ahi

[setenta]

Primero saca el

td{
white-space:nowrap;
}

de tu codigo css y deja todo como estaba anteriormente.
Tiene que funcionar, porque le estabas diciendo al navegador que la línea de la celda no se corte nunca. Es un problema de tu archivo demo.css, no de php.

[setenta]

Ahora, haz esto:

CODIGO CSS:

.exacto{overflow:hidden;}

CODIGO XHTML:

<td class="exacto">
<div id="content">
</div>
</td>

[datcom]

lamentablemente, y creeme me frustra, sigue igual.

[setenta]

Prueba esto

<td>

<div id="content" class="exacto">
</div>

</td>

[datcom]

//display comments
echo "<div class='postitem' id=''><table cellpadding='2' cellspacing='2' border='0' >
<tr>
<td></td><td width'480px'>$comment<br/> <font size='1'>$name$get_text posted $count $suffix ago<p /></font></td>
</tr>
</table></div>";

es curioso le agrege el width fijate al php y entra en la pagina solo aplico a un comentario, pero funciono con uno.

[setenta]

Debes agregarle

<div id="content" class="exacto">

Para evitar que se te vaya la línea. Hazme caso, que yo también me quedé con la duda si esto funciona o no (en mis sitios siempre funcionó)

[datcom]

ahi le puse el overflow en la clase postitem funciono.
pero no em deja leer el resto, tengo que cambair a scroll. y funciona.
esa es la unica forma? nos e puede que el texto corte con un <br>?



Porque si cambio

white-space:nowrap;

por


white-space:normal;

no me aplica el css sobre la tabla.?

[setenta]

Utiliza javascript (busca scripts en la red) que le permiten escribir al usuario cierto número de caracteres y luego, aunque siga escribiendo, no podrá escribir nada (limitas el area de texto a 1000 caracteres por ejemplo). Te garantizo que es lo mejor.

[datcom]

Adjunto la solucion que me dio EMPREAR


Lo que necesitás es css y no java, aquí una posible solución
http://foros.emprear.com/css/word-wrap-en-celdas-css/

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



Gracias a todos,
tema cerrado