Foros del Web » Creando para Internet » HTML »

Tablas

 Estas en el tema de Tablas en el foro de HTML en Foros del Web. Tengi una tabla de esta forma: Código PHP:   < table width = "100%" >    contenido   </ table >  pero cuando el texto es ...
  #1 (permalink)  
Antiguo 21/02/2005, 07:53
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 22 años
Puntos: 1
Tablas
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
__________________
Ing. Reynier Pérez Mira
  #2 (permalink)  
Antiguo 21/02/2005, 08:40
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 576
Antigüedad: 20 años, 2 meses
Puntos: 4
Hola,
hmm, primero que nada date cuenta lo que estás mostrando aquí:

Cita:
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...
__________________
_______
Jorge Rojas.
  #3 (permalink)  
Antiguo 21/02/2005, 08:52
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 22 años
Puntos: 1
Pues ...
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
__________________
Ing. Reynier Pérez Mira
  #4 (permalink)  
Antiguo 21/02/2005, 12:14
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 19 años, 10 meses
Puntos: 1
Quizás esto te sirva: http://www.blakems.com/archives/000077.html
  #5 (permalink)  
Antiguo 21/02/2005, 14:56
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 22 años
Puntos: 1
Pues no
No me sirvió porque en vez de arreglarme las cosas me las empeoro.
Alguna otra idea ?

Salu2
__________________
Ing. Reynier Pérez Mira
  #6 (permalink)  
Antiguo 21/02/2005, 16:00
 
Fecha de Ingreso: febrero-2005
Mensajes: 670
Antigüedad: 19 años, 9 meses
Puntos: 0
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
__________________
Federico H. García
Desarrollo Web
www.federicog.com.ar
  #7 (permalink)  
Antiguo 22/02/2005, 09:30
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 19 años, 10 meses
Puntos: 1
Reynier puedes postear el código resultante de ejecutar la aplicación PHP?
  #8 (permalink)  
Antiguo 22/02/2005, 09:36
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 22 años
Puntos: 1
Aquí lo tenes
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>
__________________
Ing. Reynier Pérez Mira
  #9 (permalink)  
Antiguo 22/02/2005, 10:11
 
Fecha de Ingreso: enero-2005
Mensajes: 265
Antigüedad: 19 años, 10 meses
Puntos: 1
.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.
  #10 (permalink)  
Antiguo 02/04/2005, 10:38
Avatar de Reynier  
Fecha de Ingreso: noviembre-2002
Ubicación: Por ahí en algún sitio
Mensajes: 1.844
Antigüedad: 22 años
Puntos: 1
Aqui esta
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
__________________
Ing. Reynier Pérez Mira
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 17:31.