no entiendo este extraño comportamiento

00israel · #1 (**permalink**) 13/04/2003, 10:37

tengo una pagina (http://www.precomar.org/prueba.html) que no me muestra 3 lineas verticales decorativas. Mi pregunta es ¿porque aqui: http://www.precomar.org/Sservicios.html por ejemplo si las muestra pero en la anterior no?

Y ya que os planteo este dilema. Tampoco entiendo porque en una pagina todo se ve bien adosado y colocadito (http://www.precomar.org/prueba.html) y porque en cambio en http://www.precomar.org/Sservicios.html se visualiza todo separado, las lineas no llegan, el menu tiene una separacion lateral, y cuando se cierra la ventana un poco se junta todo.

Hace tiempo plantee este problema aqui y alguien me comento que podia haber sido por crear tablas a partir de capas, que se formaban enormes marañas de celdas al convertirlo y que toda complicacion del lenguaje provocaba mayor dificultad de lectura al navegador. No se, todo me sono un poco raro pero si es cierto que la que se visualiza mejor esta creada de otra forma (tablas de disposicion de dreamweaver). Pero esto no me queda muy claro porque por ejemplo la opcion que tiene el Dreamweaver de crear tablas de disposicion (es como dibujar a tu antojo una tabla y luego el programa te la convierte en celdas de una tabla) te convierte todos los espacion huecos en celdas por lo que es casi igual de enmarañado que convertir capas en celdas.

joder menudo lio os he montado. bueno con que alguien pueda decirme porque no se ven las lineas y si se atreve a darme un pronostico exacto del problema en la diferencia de visualizacion de ambas paginas, pues voy que chuta.

un saludo y mil gracias.

Jose María · #2 (**permalink**) 13/04/2003, 10:48

Hola.

Respecto a la primera pregunta, en la sentencia que tu has puesto como <IMG src="el que falla_archivos/lineagris.gif" height=100% width=1> yo he quitado el height y he dejado <IMG src="el que falla_archivos/lineagris.gif" width=1>, con lo que ya se la línea gris.

Hay que tener cuidado con la opción height expresada en tanto por ciento porque el navegador a veces considera que el 100% son cosas distintas.

Espero haberte ayudado.

Jose María · #3 (**permalink**) 13/04/2003, 10:56

Hola de nuevo:

En cuanto a la segunda pregunta, en la primera página tienes una sentencia <TABLE cellSpacing=0 cellPadding=0 width=623 border=0> en la que especificas el ANCHO de la tabla. Este le deja muy claro al navegador que la tabla mide 623 pixeles, y que si no tiene espacio suficiente para mostrarla pues sólo mostrara lo que pueda. En la segunda página escribes <TABLE cellSpacing=0 cellPadding=0 border=0> con lo que el navegador intenta dibujar la tabla según las sentencias que luego vienen, y si le falta espacio supone que has puesto width=100%, con lo que escala la tabla si reduces mucho la ventana.

tunait · #4 (**permalink**) 13/04/2003, 10:58

Hola,

básicamente la diferencia entre ambas es que la "buena" tiene muchas celdas vacías menos que la "mala".

Las celdas vacías suelen organizar pequeños desastres.

Si has usado DW con la vista disposición para crear tus tablas o las has creado a partir de capas el resultado suele ser eso.

Mi sugerencia es que crees tú las tablas y que juegues con tablas anidadas para tener más libertad a la hora de establecer anchos de columna y filas. Ahora ya sabes el aspecto y organización que ha de tener esa página. Duplícala, pero de a poquito.

00israel · #5 (**permalink**) 13/04/2003, 11:03

si pero la linea de la forma que lo has hecho no llega hasta el final. Me refiero que no va desde abajo hasta arriba (100 % de su espacio).

un saludo.

Jose María · #6 (**permalink**) 13/04/2003, 11:18

Sugiero

<TD vAlign=top rowSpan=2 height=100%><IMG src="el que falla_archivos/lineagris.gif"

height=80% width=1></TD>

Jose María · #7 (**permalink**) 13/04/2003, 11:19

Perdón, como quieres el 100% habrá que poner:

<TD vAlign=top rowSpan=2 height=100%><IMG src="el que falla_archivos/lineagris.gif"

height=100% width=1></TD>

00israel · #8 (**permalink**) 13/04/2003, 11:31

bien, vamos por partes jose maria. prijero gracias por tu ayuda. Hay aalgo que ya me has aclarado. He hecho lo que me has dicho del ancho de la pagina y me funciona, pero sigue apareciendome un espacio entre el menu de botones y la linea que tiene al lado. ¿como soluciono eso?.

y el consejo que me has dado para lo de la linea incluyes tu tambien % en el height (perdona por mi ignorancia informatica, pero estoy un poco pez todoavia en esto de la programacion). Y porque pones un valign=2?

00israel · #9 (**permalink**) 13/04/2003, 11:32

quiero decir el rowspan=2, que por cierto ¿que es?

Jose María · #10 (**permalink**) 13/04/2003, 15:30

Hola 00israel:

Cuando se define una tabla en HTML hay una estructura implícita. La tabla comienza con un sentencia TABLE. Dentro de la tabla a veces se pone un encabezamiento. Después viene el cuerpo de la tabla que se indica con la sentencia TBODY como viene en tu página. Dentro de TBODY habrá sentencias TR que quieren decir TABLE ROW = filas de tabla. Cada sentencia TR indica el comienzo de una fila. Viendo el código verás que dentro de las sentencias TR van anidadas las sentencias TD. En este momento no sé de qué es abreviatura TD, pero te puedo decir que equivale a decir COLUMNA o CELDA. Una tabla perfecta y simple de 4x5 tendría 4 sentencias TR y dentro de cada una de ellas cinco sentencias TD.

Pero muchas, muchísimas tablas no tienen una estructura tan simple. Por eso cuando creas una CELDA con una sentencia TD que se debe extender a lo largo de m FILAS, es decir, teniendo más altura de lo normal, deberás poner una sentencia ROWSPAN=m. Análogamente cuando quieras crear una CELDA que se deba extender a lo largo de n columnas, es decir, teniendo más anchura de lo normal, deberás poner una sentencia COLSPAN=n.

Una vez que se entiende la lógica de las tablas siempre será igual. En el caso de tu fichero he mirado de pasada la estructura de la tabla y me ha parecido que la celdilla que contiene el archivo barragris.gif se extendía a lo largo de DOS filas. De hecho si pones <TD vAlign=top rowSpan=1 height=100%><IMG src="el que falla_archivos/lineagris.gif" height=100% width=1></TD> verás que la línea gris no llega hasta abajo del todo. Que es lo que pretendías, ¿no?

Un saludo

00israel · #11 (**permalink**) 14/04/2003, 05:38

no, lo que pretendia es que ltodas las lineas se comporten como en el primer enlace (http://www.precomar.org/Sservicios.html) por lo tanto que llegen a ocupar todo el recorrido vertical u horizotanl segun corresponda de su celda determinada.

He probado esto ultimo que me has dado y me funciona. se ve una linea de unos 100 px. y nada mas. Por cierto influye que no hayas ppuesto comillas aqui?: <TD vAlign=top rowSpan=1 height=100%><IMG src="el que falla_archivos/lineagris.gif" height=100% width=1></TD>

Y porque en cambio en el enlace primero http://www.precomar.org/Sservicios.html a inteeerpretado bien lo del % del heigth?

00israel · #12 (**permalink**) 14/04/2003, 15:34

haber que igual te he hecho un lio, en el mensaje anterior te explico bien en el primer parrafo lo que pretendo. Y en el segundo parrafo queria decirte que ni con comillas o sin ellas, la linea de codigo que me has mostrado no me funciona, queda asi: http://www.precomar.org/prueba.html

echame una mano porfavor.

un saludo.

Jose María · #13 (**permalink**) 14/04/2003, 16:27

Hola:

Vamos a ver. Yo lo he dejado así:

<TD vAlign=top height=100% rowSpan=2>
<IMG height="100%" src="lineagris.gif" width=1></TD>

Así te debería funcionar.

La inclusión de comillas es indiferente en la mayoría de las ocasiones. Da igual height=100% que height="100%". Este tipo de cosas depende mucho del navegador y de su versión, así que siempre compruebaló.

Eres de Madrid, no? Ya has visto el MetroSur? Frena mal, debe ser que va con windows......

Un saludo

00israel · #14 (**permalink**) 14/04/2003, 17:00

si jose soy de madrid pero no he probado aun el metrosur, me hace gracia lo de windows, algo me dice que eres un MACero igual que yo.

mira el enlace que te he puesto en el mesaje anterior y echa un vistazo a la linea que se ve corta, luego mira el codigo y veras que es justo lo que tu me has puesto (solo lo he probado en una linea).

Jose María · #15 (**permalink**) 14/04/2003, 18:06

Pues a mí me funciona. Te envío todo el código de la página, que he capturado con el explorer y editado en mi disco duro.

No soy del mackintosh. Nunca le he usado por desgracia. Soy del Windows, pero tengo sentido del humor. Trabajo con Windows XP . Con buenas máquinas responde bien.

------------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Untitled Document</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0"
marginwidth="0">
<TABLE cellSpacing=0 cellPadding=0 width=623 border=0>
<TBODY>
<TR>
<TD vAlign=top colSpan=5 height=12> </TD>
<TD vAlign=top width=1 height="100%" rowSpan=2><IMG height="100%"
src="sigue fallando_archivos/lineasolida2.gif" width=1></TD>
<TD vAlign=bottom width=135 bgColor=#8fb36e rowSpan=6><IMG height=130
src="sigue fallando_archivos/CUADROpublicicad.gif" width=134></TD>
<TD vAlign=top width=1 rowSpan=6><IMG height="100%"
src="sigue fallando_archivos/lineasolida2.gif" width=1></TD></TR>
<TR>
<TD width=26 height=80></TD>
<TD vAlign=bottom colSpan=3><IMG height=80
src="sigue fallando_archivos/logo111.jpg" width=284></TD>
<TD width=176></TD></TR>
<TR>
<TD height=7></TD>
<TD width=89></TD>
<TD width=1></TD>
<TD width=194></TD>
<TD></TD></TR>
<TR>
<TD vAlign=top colSpan=5 height=1><IMG height=1
src="sigue fallando_archivos/lineasolida.gif" width="100%"></TD></TR>
<TR>
<TD vAlign=top colSpan=2 height=455>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD vAlign=top width=10 colSpan=2 height=8><IMG height=8
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Nnoticias.html"><IMG height=13
src="sigue fallando_archivos/BOTON_not.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Sservicios.html"><IMG height=13
src="sigue fallando_archivos/BOTON_ser.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/AASESORATE.html"><IMG height=13
src="sigue fallando_archivos/BOTON_ase.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/suscribete.html"><IMG height=13
src="sigue fallando_archivos/BOTON_sus.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Ccontacto.html"><IMG height=13
src="sigue fallando_archivos/BOTON_contacto.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=19><IMG height=19
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=13><A
href="http://www.precomar.org/index.html"><IMG height=13
src="sigue fallando_archivos/BOTON_casa.jpg" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 bgColor=#f5f5f5 colSpan=2 height=325><IMG
height=325 src="sigue fallando_archivos/FLOR.jpg"
width=115></TD></TR></TBODY></TABLE></TD>

<TD vAlign=top height=100% rowSpan=2>
<IMG height="100%" src="sigue fallando_archivos/lineagris.gif" width=1></TD>

<TD vAlign=top bgColor=#f5f5f5 colSpan=2 rowSpan=2> </TD></TR>
<TR>
<TD bgColor=#f5f5f5 colSpan=2
height=493></TD></TR></TBODY></TABLE></BODY></HTML>

Jose María · #16 (**permalink**) 14/04/2003, 18:12

A ver, que estaba mirando otra línea. Creo que ahora ya te he entendido. Te voy a cobrar por todas estas consultas!! Es broma.

He cambiado el ROWSPAN del segundo TD del primer TR. A ver si te funciona bien ahora:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Untitled Document</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0"
marginwidth="0">
<TABLE cellSpacing=0 cellPadding=0 width=623 border=0>
<TBODY>
<TR>
<TD vAlign=top colSpan=5 height=12> </TD>
<TD vAlign=top width=1 height="100%" rowSpan=3><IMG height="100%"
src="sigue fallando_archivos/lineasolida2.gif" width=1></TD>
<TD vAlign=bottom width=135 bgColor=#8fb36e rowSpan=6><IMG height=130
src="sigue fallando_archivos/CUADROpublicicad.gif" width=134></TD>
<TD vAlign=top width=1 rowSpan=6><IMG height="100%"
src="sigue fallando_archivos/lineasolida2.gif" width=1></TD></TR>
<TR>
<TD width=26 height=80></TD>
<TD vAlign=bottom colSpan=3>

<IMG height=80 src="sigue fallando_archivos/logo111.jpg" width=284></TD>

<TD width=176></TD></TR>
<TR>
<TD height=7></TD>
<TD width=89></TD>
<TD width=1></TD>
<TD width=194></TD>
<TD></TD></TR>
<TR>
<TD vAlign=top colSpan=5 height=1><IMG height=1
src="sigue fallando_archivos/lineasolida.gif" width="100%"></TD></TR>
<TR>
<TD vAlign=top colSpan=2 height=455>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD vAlign=top width=10 colSpan=2 height=8><IMG height=8
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Nnoticias.html"><IMG height=13
src="sigue fallando_archivos/BOTON_not.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Sservicios.html"><IMG height=13
src="sigue fallando_archivos/BOTON_ser.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/AASESORATE.html"><IMG height=13
src="sigue fallando_archivos/BOTON_ase.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/suscribete.html"><IMG height=13
src="sigue fallando_archivos/BOTON_sus.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Ccontacto.html"><IMG height=13
src="sigue fallando_archivos/BOTON_contacto.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=19><IMG height=19
src="sigue fallando_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=13><A
href="http://www.precomar.org/index.html"><IMG height=13
src="sigue fallando_archivos/BOTON_casa.jpg" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 bgColor=#f5f5f5 colSpan=2 height=325><IMG
height=325 src="sigue fallando_archivos/FLOR.jpg"
width=115></TD></TR></TBODY></TABLE></TD>

<TD vAlign=top height=100% rowSpan=2>
<IMG height="100%" src="sigue fallando_archivos/lineagris.gif" width=1></TD>

<TD vAlign=top bgColor=#f5f5f5 colSpan=2 rowSpan=2> </TD></TR>
<TR>
<TD bgColor=#f5f5f5 colSpan=2
height=493></TD></TR></TBODY></TABLE></BODY></HTML>

00israel · #17 (**permalink**) 15/04/2003, 13:20

perdona tio jose por tanto lio. me sigue sin funcionar. vamos a ver, la pagina tiene 3 lineas verticales: una gris que separa el menu de botones de la izquierda de la pagina con la ancha columna central y va desde debajo del logo hasta abajo del todo. Y dos lineas negras que limitan por ambos lados a la columna verde de la derecha y van desde arriba del todo a abajo del todo.
Y el codigo que tu me das cuando lo visualizo la linea que limita por la izquierda a la columna verde llega hasta una linea gris horizontal que cruza.

Y por cierto porque pones todo el rato en las imagenes: "sigue_fallando..." eso yo no lo he puesto.

perdoname tanta molestia. a ver si ahora nos sale.

Jose María · #18 (**permalink**) 15/04/2003, 14:58

A ver:
Primero: la denominación "sigue fallando" es por el nombre de archivo con que lo he salvado a disco duro. Lo genera automáticamente el IE. Ahora a la última versión la he llamado "version final".

Segundo: Creo que ya he entendido por fín la estructura de la tabla, y ya hay las tres lineas verticales que buscabas.

-----------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Untitled Document</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=0 topMargin=0 marginwidth="0"
marginheight="0">
<TABLE cellSpacing=0 cellPadding=0 width=623 border=0>
<TBODY>
<TR>
<TD vAlign=top colSpan=5 height=12> </TD>
<TD vAlign=top width=1 height="100%" rowSpan=6><IMG height="100%"
src="version final_archivos/lineasolida2.gif" width=1></TD>
<TD vAlign=bottom width=135 bgColor=#8fb36e rowSpan=6><IMG height=130
src="version final_archivos/CUADROpublicicad.gif" width=134></TD>
<TD vAlign=top width=1 height="100%" rowSpan=6><IMG height="100%"
src="version final_archivos/lineasolida2.gif" width=1></TD></TR>
<TR>
<TD width=26 height=80></TD>
<TD vAlign=bottom colSpan=3><IMG height=80
src="version final_archivos/logo111.jpg" width=284></TD>
<TD width=176></TD></TR>
<TR>
<TD height=7></TD>
<TD width=89></TD>
<TD width=1></TD>
<TD width=194></TD>
<TD></TD></TR>
<TR>
<TD vAlign=top colSpan=5 height=1><IMG height=1
src="version final_archivos/lineasolida.gif" width="100%"></TD></TR>
<TR>
<TD vAlign=top colSpan=2 height=455>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD vAlign=top width=10 colSpan=2 height=8><IMG height=8
src="version final_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Nnoticias.html"><IMG height=13
src="version final_archivos/BOTON_not.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="version final_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Sservicios.html"><IMG height=13
src="version final_archivos/BOTON_ser.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="version final_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/AASESORATE.html"><IMG height=13
src="version final_archivos/BOTON_ase.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="version final_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/suscribete.html"><IMG height=13
src="version final_archivos/BOTON_sus.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=5><IMG height=5
src="version final_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=14><A
href="http://www.precomar.org/Ccontacto.html"><IMG height=13
src="version final_archivos/BOTON_contacto.gif" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=19><IMG height=19
src="version final_archivos/cuadroGRIS.gif" width=115></TD></TR>
<TR>
<TD vAlign=top width=10 colSpan=2 height=13><A
href="http://www.precomar.org/index.html"><IMG height=13
src="version final_archivos/BOTON_casa.jpg" width=115
border=0></A></TD></TR>
<TR>
<TD vAlign=top width=10 bgColor=#f5f5f5 colSpan=2 height=325><IMG
height=325 src="version final_archivos/FLOR.jpg"
width=115></TD></TR></TBODY></TABLE></TD>
<TD vAlign=top height="100%" rowSpan=2><IMG height="100%"
src="version final_archivos/lineagris.gif" width=1></TD>
<TD vAlign=top bgColor=#f5f5f5 colSpan=2 rowSpan=2> </TD></TR>
<TR>
<TD bgColor=#f5f5f5 colSpan=2
height=493></TD></TR></TBODY></TABLE></BODY></HTML>

00israel · #19 (**permalink**) 17/04/2003, 04:03

Por fin Jose, eso era lo que queria. De todas maneras me da rabia no entender bien el manejo de las malditas tablas. PEro con la explicacion que me distes sobre el rowspan y colspan puedo hacerme una idea de como van complicandose la arquitectura de las tablas.

Pregunta: El hecho de que finalmente hayas puesto en estas celdas de las lineas un ROWSPAN= 6 quiere decir que esa celda se extiende a lo largo de 6 filas y a su vez si ocupa toda la vertical de la tabla quiere decir que la tabla tiene 6 filas, ¿no?
Y fijandome tambien en el primer TD del primer TR veo que aparece un COLSPAN=5. igualmente en este caso una celda se extiende a lo largo de 5 columnas ¿no?. pero aqui esto no me queda claro. ¿Que celda es esa que se extiende a lo largo de 5 columnas y que ademas esta vacia? ¿Y si es una celda que recorre todo el ancho de la tabla, yo creia que la tabla tenia 6 columnas?

ultima pregunta: que orden sigue el codigo HTML de una pagina. Es decir, empieca mostrando el codigo de que parte de la pagina y que orden sigue? ¿en que direccion?. ejemplo: empieza arriba a la izquierda y sigue celda a celda hacia la derecha hasta que baja a otra fila... No se como lo hace? porque me ha extrañado encontrarme en el codigo, primero una imagen que tengo exquinada abajo, que el logo que esta arriba el primero.

gracias por todo jose y estamos en contacto.
un saludo.

Jose María · #20 (**permalink**) 23/04/2003, 15:40

Hola 00israel:

No será habitual que te responda entre semana pero hoy he hecho una excepción.

¿Qué tal todo?. Yo estoy un poco quemado porque el otro día le pedí a uno un pequeño favor informático y me atendió de muy mala gana y sin paciencia. Voy siempre con la mejor intención y me toca el típico niñato. Cuando le preguntes algo a alguien y éste te responda insistentemente con que puede que sea un error de cualquiera menos él, puede que te hallas equivocado, puede que sea un error del site, ... es que o no tiene ni puñetera idea o no tiene la más mínima intención de mover un dedo por ayudarte. Afortunadamente no es alguien de este foro que tanto me gusta por su caracter altruista y sus buenas formas www.forosdelweb.com. Si el ser humano no necesitase comer para sobrevivir creo que no había ni atascos en Madrid!!!

Paso a responder tus preguntas:
===========================================

Respecto a la pregunta:
¿Que celda es esa que se extiende a lo largo de 5 columnas y que ademas esta vacia?
Respuesta: No lo se muy bien. Para resolver tu problema he aplicado el método científico de prueba y error. La celda puede extenderse a lo largo de 5 columnas y estar vacía.

Respecto a la pregunta:
ultima pregunta: que orden sigue el codigo HTML de una pagina. Es decir, empieca mostrando el codigo de que parte de la pagina y que orden sigue? ¿en que direccion?. ejemplo: empieza arriba a la izquierda y sigue celda a celda hacia la derecha hasta que baja a otra fila... No se como lo hace? porque me ha extrañado encontrarme en el codigo, primero una imagen que tengo exquinada abajo, que el logo que esta arriba el primero.

Respuesta:
Creo que te refieres a qué orden sigue el código que define la estructura de una tabla. Es muy sencillo, y sobretodo adaptado a la simple lógica de los ordenadores. Se va definiendo fila por fila de arriba a abajo. Dentro de cada fila se va definiendo columna por columna de izquierda a derecha.

Dos ejemplos clarificadores:

Tabla1: Formada por un título que abarca todas las columnas y después un conjunto de filas de 4 columnas.

<TABLE>
// Primera fila
<TR>
<TD colspan=4>
</TD>
</TR>

// Segunda fila
<TR>
<TD>columna 1</TD>
<TD>columna 2</TD>
<TD>columna 3</TD>
<TD>columna 4</TD>
</TR>

// Tercera fila y todas las que quieras
// Segunda fila
<TR>
<TD>columna 1</TD>
<TD>columna 2</TD>
<TD>columna 3</TD>
<TD>columna 4</TD>
</TR>

</TABLE>

Tabla2: Formada por un una retícula de 4x6 (filasxcolumnas) mas
una título lateral que abarca TODAS las filas

<TABLE>
// Primera fila
<TR>
<TD rowspan=4> titulo lateral </TD>
<TD>columna A</TD>
<TD>columna B</TD>
<TD>columna C</TD>
<TD>columna D</TD>
<TD>columna E</TD>
<TD>columna F</TD>
</TD>

</TR>

// Segunda fila
<TR>
<TD>columna A</TD>
<TD>columna B</TD>
<TD>columna C</TD>
<TD>columna D</TD>
<TD>columna E</TD>
<TD>columna F</TD>
</TR>

// Tercera fila
<TR>
<TD>columna A</TD>
<TD>columna B</TD>
<TD>columna C</TD>
<TD>columna D</TD>
<TD>columna E</TD>
<TD>columna F</TD>
</TR>

// Cuarta fila
<TR>
<TD>columna A</TD>
<TD>columna B</TD>
<TD>columna C</TD>
<TD>columna D</TD>
<TD>columna E</TD>
<TD>columna F</TD>
</TR>

</TABLE>

Espero haberte clarificado este asunto.

Un saludo colega !!

Jose Mª.