Foros del Web » Creando para Internet » HTML »

Manejando tablas

Estas en el tema de Manejando tablas en el foro de HTML en Foros del Web. bueno esta ves de tanto andar mirando codigos fuentes de varias paginas me he dado cuenta que muchas paginas estan dseñadas manejando tablas dsitribuyendo en ...
  #1 (permalink)  
Antiguo 04/07/2003, 23:53
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 226
Antigüedad: 20 años, 10 meses
Puntos: 0
Pregunta Manejando tablas

bueno esta ves de tanto andar mirando codigos fuentes de varias paginas me he dado cuenta que muchas paginas estan dseñadas manejando tablas dsitribuyendo en ellas sus secciones, y como es de suponer esto me ha hecho redireccionar la manera como he iniciado esta aventura de diseñar un web partiendo desde cero

Empece usando los famosos "Frames" se que esto tiene sus ventajas y desventajas al igual que el uso de las tablas pero al poner ambos en la balanza parece que las tablas estan un poco mejor en este sentido (bueno al menos esa es la conclusion a la que he llegado leyendo un poco por aqui y otro por alla )

de todos modos compañeros la idea mia es usar tablas y para ello estoy diseñando la plantilla principal.
la idea de la plantilla es ejemplo que se muetsra en este enlace.

http://creatuweb.tripod.com/spanish/crea_301.htm

para ello con mis conocimientos he diseñado este codigo HTML
el cual coloco para ver la opinio de laguno de ustedes.

---------------------->HTML<-------------------------

<html>
<head>
<title> Type_Document_Title_Here </title>
</head>
<body>
<table border=1 width=100% height=20%>
<tr>
<td>SUPERIOR</td>
</tr>
<table border=1 width=100% height=70%>
<tr>
<td width=15%>IZQUIERDA</td>
<td width=70%>CENTRAL</td>
<td width=15%>DERECHA</td>
</tr>
<table border=1 width=100% height=10%>
<tr>
<td>INFERIOR</td>
</tr>
</table>
</body>
</html>


en este codigo he dividido la pantalla en 3 filas la fila superior para el encabezado de mi pagina, la fila "central" para desplegar menu, contenido y links la cual esta dividida en 3 columnas.

en la columna Izquierda colocaria el menu de opciones que supongo me tocaria anidar una tabla dentro de esta celda.

la columna central en la cual tambien colocare tablas anidadas y la derecha que seria practicamente lo mismo

si alguien analiza mi codigo me podria decir porfavor si estoy bien orientado y si el diseño que llevo hasta ahora esta bien, y si es posible poner dentro de cada columna de la fila central tablas anidadas?

bueno espero haber sido claro en esta explicacion, si esto me resulta me tocaria empezar de nuevo ya que la pagian que tengo maneja frames hasta para regalar!!!! jejejeje

Hasta la proximaaaaaaaaa
__________________
Pandobox
  #2 (permalink)  
Antiguo 05/07/2003, 04:14
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola pandobox:

La tabla que propones tiene algunos errores ya que hay elementos que no están dentro de celdas...

Debes tener cuidado con las tablas ya que un elemento sin cerrar o fuera de una celda, podría mostrar una tabla bien estructurada (por casualidad), pero al más mínimo cambio podría verse totalmente distinta (desajustada).

Puedes anidar todas las tablas que quieras, pero, ten en cuenta que con un diseño sencillo has cometido al menos un par de errores, si tienes un proyecto algo ambicioso, se incrementaría la complejidad del diseño.

La estructura que tu propones, puedes conseguirlo con una sola tabla:

<table>
<tr>
<td colspan=3>Celda Superior</td>
</tr>
<tr>
<td>Celda Central/Izquierda</td>
<td>Celda Central/Media</td>
<td>Celda Central/Derecha</td>
</tr>
<tr>
<td colspan=3>Celda Inferior</td>
</tr>
</table>

No he puesto las medidas, porque parece que lo sabes hacer, pero debes siempre adaptarlas a tus necesidades... Además, fíjate en el uso de colspan (también existe rowspan para filas) Su uso correcto simplifica mucho el diseño de tablas... Significa algo así como el número de columnas (o filas) que abarca una celda.

Espero que te sirva.

Saludos
  #3 (permalink)  
Antiguo 05/07/2003, 07:48
Avatar de tilu  
Fecha de Ingreso: agosto-2002
Ubicación: u-l-d-m
Mensajes: 1.885
Antigüedad: 21 años, 7 meses
Puntos: 5
Re: Manejando tablas

pandobox

Primero, analizaremos tu código:

Código:
<html>
<head>
<title> Type_Document_Title_Here </title>
</head>
<body>
<table border=1 width=100% height=20%>
  <tr>
    <td>SUPERIOR</td>   Para que esta fila abarque las tres columnas del centro debe recibir el atributo colspan=3 (3 porque son 3 columnas que absorbería)
  </tr>
  <table border=1 width=100% height=70%>  Este inicio de tabla no corresponde, además no tiene cierre de etiqueta ( </table> )  
  <tr>
    <td width=15%>IZQUIERDA</td>
    <td width=70%>CENTRAL</td>
    <td width=15%>DERECHA</td>
  </tr>
  <table border=1 width=100% height=10%>   Este inicio de tabla tampoco corresponde, y nuevamente no tiene cierre de etiqueta ( </table> ) 
  <tr>	
    <td>INFERIOR</td>  la misma explicación dada para la fila superior valga para esta fila  ;-)  
  </tr>
</table>
</body>
</html>


Muy bien, analizado tú código y como caricatos ( maestro ) te indico con un ejemplo la estructura correcta
que debe tener tu tabla principal, dejaré hasta aquí esa parte.

Ahora para anidar tablas, la forma de hacerlo es la siguiente:


Código:
<table>
  <tr>
    <td>
      <TABLE> aquí es el lugar donde se da inicio a la nueva tabla.
        <TR>
          <TD>
            aquí viene el contenido, incluso si quieres otra tabla
          </TD>
        </TR>
      </table>
    </td>
  </tr>
</table>


Si tienes más dudas vuelves a preguntar
__________________
"Casualidad es el juego favorito del destino", Tilu
  #4 (permalink)  
Antiguo 05/07/2003, 18:50
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 226
Antigüedad: 20 años, 10 meses
Puntos: 0
Gracias por la ayuda

Gracias "Caricatos" y "Tilu" por su valiosa ayuda, aclare un poco mas mis dudas.

se lo merecen por contar con personas dispuestas a ayudar desinteresadamente.

Ahora de paso me gustaria saber si es aconsejable (sus opiniones) trabajar todo ese esquema en "una" sola tabla, dividirla en "tres" filas y dentro de cada fila insertar tablas que pasarian a formar las secciones de mi pagina

ok nos vemos en otra ocasion companeros
__________________
Pandobox
  #5 (permalink)  
Antiguo 05/07/2003, 19:48
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola pandobox:

Ya que pides nuestra opinión, te diré que cada página debe tener su contenido y su estructura, particularmente me siento cómodo con los frames, pero también uso tablas, y hay otra cosa muy importante en el diseño de páginas web: las capas.

Tal vez sea interesante, saber de que va a tratar esa página, así como lo grande que va a ser, y las dependencias y enlaces que tienes pensado implementar. Creo que aconsejarte sin saber tus pretensiones, es difícil... ... pero cuando sigas adelante en tu proyecto, será un placer seguir ayudándote.

Saludos
  #6 (permalink)  
Antiguo 06/07/2003, 08:45
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 226
Antigüedad: 20 años, 10 meses
Puntos: 0
Sobre mi pagina

Bueno mi pagina tratara sobre los latinos que vivimos en los Estados Unidos, asi que se puede decir que sera una pagina muy variada. creo que usare varias paginas.

Me llama la atencion Caricatos eso que dices sobre "capas" ???? dime una web donde pueda encontrar mas info sobre eso.
Las capas se trabaja con HTML?

ok gracias amigo por tu ayuda
__________________
Pandobox

Última edición por pandobox; 06/07/2003 a las 08:53
  #7 (permalink)  
Antiguo 06/07/2003, 10:47
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola otra vez:

No sabría decirte de ningún sitio específico donde puedas obtener una buena información sobre las capas, aunque puedo decirte algunas cosas básicas...

Se trata de usar estilos, en distintos elementos html (los más usados son los div)

Los estilos más importantes son referentes a posicionamiento, tamaño y visualización
position: [absolute/relative]
top:
left:
width:
height:
visibility: [visible/hidden]
display [none/block/inline]

... más los estilos básicos de colores, bordes, márgenes, etc.
Con la inestimable ayuda de otros participantes de los foros, hemos desarrollado una página sobre creación de postales, donde las capas tienen una función fundamental. Puedes verla en este link: http://pepemolina.com/postales/index.html

Para el uso de estilos hay un buen programa (y gratuito) que se llama top-style (creo)

Saludos
  #8 (permalink)  
Antiguo 30/07/2003, 13:22
Avatar de cakle  
Fecha de Ingreso: diciembre-2001
Ubicación: Aka en Tantoyork. Ver.
Mensajes: 319
Antigüedad: 22 años, 4 meses
Puntos: 0
dame dos y te doy una
__________________
ßrÚûjeRÎÄäS§ " Shub Nigguruth (la panica Cabra de las Mil Crias)




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 15:10.