Tablas

[Reynier]

Tengi una tabla de esta forma:

Código PHP:

   <table width="100%"> 
  contenido 
 </table>  
   

pero cuando el texto es muy extenso la tabla se me deforma horizontalmente y necesito que esto no pase. Que puedo hacer al respecto ?

Salu2

[iconogt]

hmm, primero que nada date cuenta lo que estás mostrando aquí:

Iniciado por Reynier

<table width="100%">
contenido
</table>

Si lo estás haciendo de esa forma, dejame te digo que no es así como se hace, para crear una tabla tienes que agregarles sus respectivas filas, celdas, etc, etc. algo así.

Código:

<table width="70%" border="1">
<tr>
<th>Esto es algo así como un título  :-D </th>
</tr>
<tbody>
<tr>
<td>aquí tu contenido</td><td>Otra celda a la par</td>
</tr>
<tr>
<td>mas contenido...</td><td>Y mas contenido</td>
</tr>
</tbody>
<tfoot><th>Y esto sería un pie de tabla..
</th></tfoot>
</table>

Ok amigo, de esa forma no se tendría que deformar tu celda o tabla a la hora que le insertes contenido como lo es texto. Ya te llegarán respuestas de los demás, ahhh y si tienes más dudas sigue preguntando.

Espero haberte podido ayudar en algo,
Slds y buena suerte...

[Reynier]

Claro que la tengo hecha asi. Mira como es la cosa:

Código PHP:

  doOpenTable(); 
       echo "<tr>" 
           ."<td class=\"img tdalterno lleft lbottom\"><a href=\"foros.php?ac=responder&idf=".$_GET['idf']."&t=".$_GET['t']."\"><img src=\"images/responder.gif\" alt=\"Publicar respuesta\" border=\"0\"></a></td>" 
           ."<td class=\"img tdalterno lbottom\" colspan=\"4\" align=\"right\"><a href=\"foros.php\">Ir a la página principal de los Foros</a> :: <a href=\"foros.php?ac=mostrar_topicos&idf=".$ffr['idf']."\">".$ffr['titulo']."</a></td>" 
           ."</tr>"; 
       echo "<tr>" 
            ."<td colspan=\"5\" class=\"tdalterno bold ltop lbottom paddingmenu\">".$ftd['asunto']."</td>" 
            ."</tr>" 
            ."<tr>" 
            ."<td colspan=\"5\">" 
            ."<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">" 
            ."<tr>" 
            ."<td width=\"29%\" class=\"td lright paddingmenu lbottom\" valign=\"top\">"._POSTEADOPOR." ".$ftd['usuario']."<br>"._CANTIDADDEMENSAJESDEUSUARIO." ".$cantidad_mensajes."</td>" 
            ."<td width=\"71%\" class=\"td paddingmenu lbottom\">".$mensaje."</td>" 
            ."</tr>" 
            ."</table>" 
            ."</td>" 
            ."</tr>"; 
       // Consulta para seleccionar todas las respuestas de ese POST 
       $qpr    = "SELECT * FROM oclae_foros_reply WHERE (idf='".$idf."') AND (idp='".$ftd['idp']."') ORDER BY fecha DESC"; 
       $rpr    = mysql_query($qpr) or die("Error: " . mysql_errno() . mysql_error()); 
       $npr    = mysql_num_rows($rpr); 
       if($npr > 0){ 
        while($fpr = mysql_fetch_assoc($rpr)){ 
         echo "<tr>" 
             ."<td colspan=\"5\" class=\"tdalterno bold lbottom paddingmenu\">".$fpr['asunto']."</td>" 
             ."</tr>" 
             ."<tr>" 
             ."<td colspan=\"5\">" 
             ."<table width=\"100\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">" 
             ."<tr>" 
             ."<td width=\"29%\" class=\"td lright paddingmenu lbottom\" valign=\"top\">"._POSTEADOPOR." ".$fpr['usuario']."<br>"._CANTIDADDEMENSAJESDEUSUARIO." ".$cantidad_mensajes."</td>" 
             ."<td width=\"71%\" class=\"td paddingmenu lbottom\">".(addslashes(nl2br($fpr['ampliacion'])))."</td>" 
             ."</tr>" 
             ."</table>" 
             ."</td>" 
             ."</tr>"; 
        } 
        echo "<tr>" 
             ."<td class=\"img tdalterno lleft lbottom\"><a href=\"foros.php?ac=nuevo_tema&idf=".$_GET['idf']."\"><img src=\"images/responder.gif\" alt=\"Publicar respuesta\" border=\"0\"></a></td>" 
             ."<td class=\"img tdalterno lbottom\" colspan=\"4\" align=\"right\"><a href=\"foros.php\">Ir a la página principal de los Foros</a> :: <a href=\"foros.php?ac=mostrar_topicos&idf=".$ffr['idf']."\">".$ffr['titulo']."</a></td>" 
             ."</tr>"; 
       } 
       doCloseTable();  
   

Salu2

[posavasos]

Quizás esto te sirva: http://www.blakems.com/archives/000077.html

[Reynier]

No me sirvió porque en vez de arreglarme las cosas me las empeoro.
Alguna otra idea ?

Salu2

[thunder.scripts]

La tabla no se va a estirar más del tamaño que vos le especifiques siempre y cuando pueda ajustar el contenido. Si ponés una imágen más grande, o un texto sin espacios que no puede dividir en varias líneas, la tabla se te va a estirar.

Suerte
Fede

[posavasos]

Reynier puedes postear el código resultante de ejecutar la aplicación PHP?

[Reynier]

Aquí lo tienes:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Portal OCLAE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles/estilos.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="editor/fckeditor.js"></script>
<script type="text/javascript">
 function chkForm(){
  if(document.nuevo_tema.username.value == "" || document.nuevo_tema.titulo.value == ""){
   alert("Debes llenar todos los campos antes de continuar");
   document.nuevo_tema.username.focus();
  }else{
   document.nuevo_tema.submit();
  }
 }
</script>
</head>
<body leftmargin="2" rightmargin="2" topmargin="1" bottommargin="1">
<table width="65%"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="180">
      <param name="movie" value="oclaeflash.swf">
	  <param name="menu" value="false">
      <param name="quality" value="high">
      <embed src="oclaeflash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="180"></embed>
    </object></td>
  </tr>
  <tr>
    <td width="27%" valign="top" bgcolor="#6699CC"><table width="100%"  border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td align="right">&nbsp;</td>
      </tr>
      <tr>
        <td align="right" class="tdalterno bold">Organizaciones</td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Agencia Latinoamericana de Informaci&oacute;n"><a href="http://www.alainet.org" target="_blank">ALAI</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Alianza Social Continental"><a href="http://www.asc-hsa.org" target="_blank"> Alianza Social Continental</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Alternatifs"><a href="http://www.alternatifs.org" target="_blank">Alternatifs</a> </span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.attac.org" target="_blank"><span class="info cursor" title="ATTAC France">ATTAC France</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Comit&eacute; para la Anulaci&oacute;n de la Deuda Externa del Tercer Mundo"> <a href="http://users.skynet.be/cadtm%20" target="_blank">CADTM</a> </span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.redsegsoc.org.uy/CCSCS-Resolucion-general-seg-soc.htm" target="_blank"><span class="info cursor" title="Coordinadora de Centrales Sindicales del Cono Sur"> CCSCS </span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Central de Trabajadores de la Argentina "> <a href="http://www.cta.org.ar" target="_blank">CTA</a> </span></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Central &Uacute;nica dos Trabalhadores"> <a href="http://www.cut.org.br" target="_blank">CUT</a> </span></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Centro Memorial Dr Martin Luther King">Centro Memorial Dr Martin Luther King</span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.clacso.edu.ar/" target="_blank"><span class="info cursor" title="Consejo Latino Americano de Ciencias Sociales">CLACSO</span> </a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Coalici&oacute;n de Organizaciones Regionales Campesinas Aut&oacute;nomas"> <a href="http://www.unorca.org.mx/" target="_blank">UNORCA</a></span> </td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="CONAIE"><a href="http://conaie.org" target="_blank">CONAIE</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Convergencia de los Movimientos de los Pueblos de las Am&eacute;ricas"> <a href="http://www.laneta.apc.org/oaxaca/COMPA/COMPA.htm" target="_blank">COMPA</a> </span></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Coordinadora Latinoamericana de Organizaciones del Campo "> CLOC </span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.movimientos.org/glbtdialogo/" target="_blank"><span class="info cursor" title="Di&aacute;logo Sur-Sur GLBT">Di&aacute;logo Sur-Sur GLBT </span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="FEUU"><a href="http://www.feuu.edu.uy/" target="_blank">FEUU</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.focusweb.org" target="_blank"><span class="info cursor" title="Focus on the Global South">Focus on the Global South</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.funsolon.org" target="_blank"><span class="info cursor" title="Fundaci&oacute;n S&oacute;lon">Fundaci&oacute;n S&oacute;lon </span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.giovanicomunisti.it" target="_blank"><span class="info cursor" title="Giovani Comunisti e Comuniste Italiani">Giovani Comunisti e Comuniste Italiani</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.resist.org.uk" target="_blank"><span class="info cursor" title="Globalize Resistance">Globalize Resistance</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Greepeace"><a href="http://www.greenpeace.org" target="_blank">Greepeace</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.jubileesouth.org" target="_blank"><span class="info cursor" title="Jubilee South">Jubilee South</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Korean Confederation of Trade Unions "> <a href="http://www.kctu.org" target="_blank">KCTU</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.sof.org.br/marchamulheres/" target="_blank"><span class="info cursor" title="Marcha Mundial das Mulheres">Marcha Mundial das Mulheres</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Movimento dos Trabalhadores Rurais Sem Terra"> <a href="http://www.mst.org.br" target="_blank">MST</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.peaceboat.org" target="_blank"><span class="info cursor" title="Peace Boat">Peace Boat</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.citizen.org" target="_blank"><span class="info cursor" title="Public Citizen">Public Citizen</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Red Mexicana de Acci&oacute;n frente al Libre Comercio"> <a href="http://www.rmalc.org.mx" target="_blank">RMALC</a></span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.rosalux.de" target="_blank"><span class="info cursor" title="Rosa Luxemburg Foundation">Rosa Luxemburg Foundation</span></a></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://www.acs.ohio-state.edu/students/CJP/" target="_blank"><span class="info cursor" title="The Committee for Justice in Palestine">The Committee for Justice in Palestine</span> </a></td>
      </tr>
      <tr>
        <td align="right" class="td"><span class="info cursor" title="Unione degli Studenti"> <a href="http://www.udu.org" target="_blank">UDS</a> </span></td>
      </tr>
      <tr>
        <td align="right" class="td"><a href="http://ns.rds.org.hn/via/" target="_blank"><span class="info cursor" title="V&iacute;a Campesina">V&iacute;a Campesina</span></a></td>
      </tr>
    </table></td>
    <td width="73%" valign="top" class="lright"><span class="lleft lright td">
      <table width="100%"  border="0" cellspacing="0" cellpadding="0"><tr><td class="img tdalterno lleft lbottom"><a href="foros.php?ac=responder&idf=1&t=2"><img src="images/responder.gif" alt="Publicar respuesta" border="0"></a></td><td class="img tdalterno lbottom" colspan="4" align="right"><a href="foros.php">Ir a la página principal de los Foros</a> :: <a href="foros.php?ac=mostrar_topicos&idf=1">General</a></td></tr><tr><td colspan="5" class="tdalterno bold ltop lbottom paddingmenu">Pepe</td></tr><tr><td colspan="5"><table width="100%"  border="0" cellspacing="0" cellpadding="0"><tr><td width="29%" class="td lright paddingmenu lbottom" valign="top">Posteado por: Reyneir<br>Cantidad de mensajes: 1</td><td width="71%" class="td paddingmenu lbottom">gjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfjgjnhgjfj</td></tr></table></td></tr></table> </span> </td>
  </tr>
  <tr bgcolor="#6699CC">
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr bgcolor="#6699CC">
    <td colspan="2">&nbsp;</td>
  </tr>
</table>
</body>
</html> 

[posavasos]

.pepe2 {
table-layout:fixed;
border-top: 5px solid #333;
border-collapse: collapse;
background: #fff;
}

.pepe2 td.pepe {
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}

He añadido pepe2 a esta tabla y pepe a la celda donde va el texto largo y me funciona en Firefox y en IE6 (no he provado en más)

<table class="pepe2" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="29%" class="td lright paddingmenu lbottom" valign="top">Posteado por: Reyneir<br>Cantidad de mensajes: 1</td><td width="71%" class="td paddingmenu lbottom pepe">texto largo aquí</td> etc.

[Reynier]

Hola:
ME sigue dando problemas el lio este de las tablas. Aqui esta la pagina montada temporalmente para que Uds. la puedan ver. La direccion es http://usuarios.lycos.es/reynierpm/index.php. En la primera pagina no tengo problemas hasta ahora puesto que no tiene contenido pero sin embargo vayan a historia para que vean lo que me pasa.

Salu2