Foros del Web » Creando para Internet » HTML »

Problema con las tablas HTML

Estas en el tema de Problema con las tablas HTML en el foro de HTML en Foros del Web. Hola a todos! Gracias por entrar a leerme.Hace unos años.. 08' 09' andaba metido en esto de las paginas web y del html , tenia ...
  #1 (permalink)  
Antiguo 20/01/2016, 02:57
 
Fecha de Ingreso: enero-2016
Mensajes: 6
Antigüedad: 8 años, 3 meses
Puntos: 1
Pregunta Problema con las tablas HTML

Hola a todos! Gracias por entrar a leerme.Hace unos años.. 08' 09' andaba metido en esto de las paginas web y del html , tenia un foro pequeño , peero los años pasaron y ayer se me dio por empezar a leer de vuelta , por diversión porque no tengo planeado crear una web por ahora , y me tope con las tablas.Iba todo excelente logre hacer una tabla que de una celda sale otra tabla , la hice a mi gusto con colores , etc lo saque de una web llamada http://www.usabilidad.tv/.

<TABLE WIDTH="400" BORDER="1">
<TR ALIGN="center">
<TD>Padre</TD>
<TD>Madre</TD>
</TR>
<TR>
<TD>Descendientes</TD>
<TD>
<TABLE WIDTH=100%>
<TR>
<TD>Descendientes 1</TD>
<TD>Descendientes 2</TD>
</TR>
<TR>
<TD>Descendientes 3</TD>
<TD>Descendientes 4</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

Esa es la tabla , mi problema empezo cuando se me ocurrió que yo quiero la tabla que esta puesta en la celda este en la derecha y no en la izquierda , asi que me puse a hacerlo..
<HTML>
<Title>Tablas Avanzadas.</title>
<Body bgcolor="000000">
<center>
<Table widht="400" border="1" bgcolor="white"

bordercolor="red">
<Tr Align="center">
<td>Padre</td>
<td>Madre</td>
<Tr>
<Td>
<TABLE bgcolor="red" widht="150">
<Tr>
<td>Descendientes 1</td>
<td>Descendientes 2</td>
</tr>
<tr>
<td>Descendientes 3</td>
<td>Descendientes 4</td>
</tr>
</td>
</table>
</body>
</HTML>

Entonces la situación seria que no logro introducir a la derecha de la tabla de color rojo otra tabla llamada "Descendientes"
La primera linea de código que mostré esta palabra esta hacia la izquierda y la celda empieza hacia la derecha , yo lo quiero al revés , si no se entendió mi mensaje por favor haganmelo saber!
Un saludo grande al foro!
  #2 (permalink)  
Antiguo 20/01/2016, 09:32
 
Fecha de Ingreso: enero-2016
Ubicación: En mi casa
Mensajes: 2
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Problema con las tablas HTML

Podrias ser mas claro


Cita:
Iniciado por PlizzPlazz Ver Mensaje
Hola a todos! Gracias por entrar a leerme.Hace unos años.. 08' 09' andaba metido en esto de las paginas web y del html , tenia un foro pequeño , peero los años pasaron y ayer se me dio por empezar a leer de vuelta , por diversión porque no tengo planeado crear una web por ahora , y me tope con las tablas.Iba todo excelente logre hacer una tabla que de una celda sale otra tabla , la hice a mi gusto con colores , etc lo saque de una web llamada http://www.usabilidad.tv/.

<TABLE WIDTH="400" BORDER="1">
<TR ALIGN="center">
<TD>Padre</TD>
<TD>Madre</TD>
</TR>
<TR>
<TD>Descendientes</TD>
<TD>
<TABLE WIDTH=100%>
<TR>
<TD>Descendientes 1</TD>
<TD>Descendientes 2</TD>
</TR>
<TR>
<TD>Descendientes 3</TD>
<TD>Descendientes 4</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

Esa es la tabla , mi problema empezo cuando se me ocurrió que yo quiero la tabla que esta puesta en la celda este en la derecha y no en la izquierda , asi que me puse a hacerlo..
<HTML>
<Title>Tablas Avanzadas.</title>
<Body bgcolor="000000">
<center>
<Table widht="400" border="1" bgcolor="white"

bordercolor="red">
<Tr Align="center">
<td>Padre</td>
<td>Madre</td>
<Tr>
<Td>
<TABLE bgcolor="red" widht="150">
<Tr>
<td>Descendientes 1</td>
<td>Descendientes 2</td>
</tr>
<tr>
<td>Descendientes 3</td>
<td>Descendientes 4</td>
</tr>
</td>
</table>
</body>
</HTML>

Entonces la situación seria que no logro introducir a la derecha de la tabla de color rojo otra tabla llamada "Descendientes"
La primera linea de código que mostré esta palabra esta hacia la izquierda y la celda empieza hacia la derecha , yo lo quiero al revés , si no se entendió mi mensaje por favor haganmelo saber!
Un saludo grande al foro!
  #3 (permalink)  
Antiguo 20/01/2016, 15:09
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 10 años, 5 meses
Puntos: 39
Respuesta: Problema con las tablas HTML

El problema con usabilidad.tv es que el sitio fue creado en el 2003 y pocas actualizaciones ha tenido, comenzando por que recomiendan maquetar con tablas, yo te recomendaría usar otro website de referente como http://baymard.com/ O http://www.usolab.com/wl/archivo.php en español.

Con tu problema en especifico, te pregunto ¿Haz usado text-align: right? en la celda donde tienes la segunda tabla anidada?
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital
  #4 (permalink)  
Antiguo 20/01/2016, 21:47
 
Fecha de Ingreso: enero-2016
Mensajes: 6
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Problema con las tablas HTML

Hola javerdugo , esto es lo que yo hice


Que seria esto

Cita:
<HTML>
<Title>Tablas Avanzadas.</title>
<Body bgcolor="000000">
<center>
<Table widht="400" border="1" bgcolor="white"

bordercolor="red">
<Tr Align="center">
<td>Padre</td>
<td>Madre</td>
<Tr>
<Td>
<TABLE bgcolor="red" widht="150">
<Tr>
<td>Descendientes 1</td>
<td>Descendientes 2</td>
</tr>
<tr>
<td>Descendientes 3</td>
<td>Descendientes 4</td>
</tr>
</td>
</table>
</body>
</HTML>
Entonces yo quiero que a la derecha de la tabla que contiene descendiente del 1 al 4 poner Descendientes , o sea asi.


lo edite con paint jaja , gracias y saludos.
  #5 (permalink)  
Antiguo 20/01/2016, 21:50
 
Fecha de Ingreso: enero-2016
Mensajes: 6
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Problema con las tablas HTML

Cita:
Iniciado por g3kdigital Ver Mensaje
El problema con usabilidad.tv es que el sitio fue creado en el 2003 y pocas actualizaciones ha tenido, comenzando por que recomiendan maquetar con tablas, yo te recomendaría usar otro website de referente como [url]http://baymard.com/[/url] O [url]http://www.usolab.com/wl/archivo.php[/url] en español.

Con tu problema en especifico, te pregunto ¿Haz usado text-align: right? en la celda donde tienes la segunda tabla anidada?
Si es verdad es algo anticuada pero si no resuelvo esa simple tabla...
No , no use text-align=right en ninguna parte.
Gracias por responder , saludos!
  #6 (permalink)  
Antiguo 20/01/2016, 22:50
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 10 años, 5 meses
Puntos: 39
Respuesta: Problema con las tablas HTML

Así?:

Código HTML:
Ver original
  1. <table widht="400" border="1" bgcolor="white" bordercolor="red">
  2.   <tr Align="center">
  3.     <td>Padre</td>
  4.     <td>Madre</td>
  5.   </tr>
  6.   <tr>
  7.     <td>
  8.  
  9.       <table bgcolor="red" widht="150">
  10.         <Tr>
  11.           <td>Descendientes 1</td>
  12.           <td>Descendientes 2</td>
  13.         </tr>
  14.         <tr>
  15.           <td>Descendientes 3</td>
  16.           <td>Descendientes 4</td>
  17.         </tr>
  18.       </table>
  19.  
  20.     </td>
  21.     <td>
  22.       descendientes
  23.     </td>
  24.   </tr>

Es lo que entendí de los dibujos. Lo que hice fue corregir las etiquetas que tenías abiertas, pero no cerradas (entre otras cosas, como poner en minúsculas todo). Para que no suceda, te recomiendo identar el código o poner espaciado, según el nivel de anidación. Un ejemplo con el mismo código que pusiste, pero con los comentarios de los errores:

Código HTML:
Ver original
  1. <Table widht="400" border="1" bgcolor="white" bordercolor="red">
  2.   <Tr Align="center">
  3.     <td>Padre</td>
  4.     <td>Madre</td>
  5.   <!--falto aquí el </tr> de cierre-->
  6.     <Tr>
  7.       <Td>
  8.         <TABLE bgcolor="red" widht="150">
  9.           <Tr>
  10.             <td>Descendientes 1</td>
  11.             <td>Descendientes 2</td>
  12.           </tr>
  13.           <tr>
  14.             <td>Descendientes 3</td>
  15.             <td>Descendientes 4</td>
  16.           </tr>
  17.          <!--falto el </table> de cierre-->
  18.       </td>
  19.    <!--falto aquí el otro </tr> de cierre>-->

Creo que estas aprendiendo, pero verás este código no te va a servir de mucho en la web de hoy, sí quieres aprender muy fácilmente yo te recomiendo codacademy o w3school al menos en lo referente a tablas.

Espero no haber malinterpretado y haber ayudado, sino pues nada, aquí voy a estar pendiente.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital
  #7 (permalink)  
Antiguo 21/01/2016, 01:54
 
Fecha de Ingreso: enero-2016
Mensajes: 6
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Problema con las tablas HTML

g3kdigital Muchas gracias ! me resolviste el problema :) , me pasare por esas webs para ver lo del colspan y rowspan.
  #8 (permalink)  
Antiguo 21/01/2016, 02:33
 
Fecha de Ingreso: enero-2016
Mensajes: 6
Antigüedad: 8 años, 3 meses
Puntos: 1
Respuesta: Problema con las tablas HTML

codecademy es buenisima esa pagina.

Etiquetas: tablas
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 12:11.