sobre tablas...

[zyron]

Saludos a todos,

alguien me podría explicar como podría construir una tabla que tuviera el siguiente aspecto...

======
| 1 | 2 |
| ...===
| ...| 3 |
===| ...|
| 4 | ...|
======

(los puntos son espacio en blanco)

He probado de todas las maneras possibles y con el IEXPLORE no me funciona...si puede ser utilizando una sola vez el comando TABLE mejor (la construyo con un proceso automático que preferiría no haber de modificar mucho).



Muchas gracias!!!

[Kunael]

Hola compañero:

La verdad es que me parece que el croquis (un poco críptico, la verdad) es lo desanima la gente a contestar. Yo mismo no sé qué es exactamente el efecto que quieres conseguir.

Sin embargo, lo que diría es que quieres combinar márgenes dobles con unión de celdas ¿es eso no?
Bueno, para el control de los márgenes tienes varias etiquetas y también para la unión de celdas. De manera orientativa, mírate http://www.w3schools.com/html/html_tables.asp.

No creo que revista mayor dificultad.

Salu2.

[zyron]

Bueno,

en este mensaje adjunto un fichero con el aspecto que quiero conseguir...no se trata de un problema de márgenes sino de la posición de las celdas...


Saludos!

[Liz_gdl]

<table width="457" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="179" rowspan="2" valign="top"></td>
<td width="277" height="83" valign="top"></td> </tr>
<tr>
<td rowspan="2" valign="top"></td>
</tr>
<tr>
<td height="80" valign="top"></td>
</tr>
</table>

hola, espero te sirva... :)

[zyron]

nops...

no me sirve... :(

de hecho yo he llegado a un código parecido pero si bien en Netscape aparece tal y como a mi me gustaría... en el IExplorer6 no es así...

A continuación viene mi código

Código:

<table border="1">
  <tr> 
    <td rowspan="2">
      <p>&nbsp;1</p>
      <p>2</p>
      </td>
    <td width="100">&nbsp;4</td>
  </tr>
  <tr> 
    <td rowspan="2" width="100">
      <p>5</p>
      <p>6</p>
      </td>
  </tr>
  <tr> 
    <td width="100"> 3</td>
  </tr>
</table>

Alguien me puede echar una mano????

Saludos!!!

[ester234]

tu código no funciona en ie6, en camvio en netscape se ve correctamente...

no sé a que se debe... la forma de tratar las tablas es diferente en ns i ie ??

[mikel_gomez]

Efectivamente parece que MS Explorer se vuelve loco con esa tablita. Pero si añadimos una tercera columna sin ningún rowspan, parece lo podemos controlar mejor.

zyron, prueba a ver si te sirve el siguiente ejemplo:

Código:

<style type='text/css'>
  .tabla  {margin: 0px; border: 1px solid black;}
  .linea  {vertical-align: top;}
  .celda  {margin: 0px; border: 1px solid black; padding: 4px;}
  .oculto {margin: 0px; border: 0px;
           padding-left: 0px; padding-right: 0px; height: 50px;}
</style>

<table border='1' class='tabla'>
  <tr class='linea'>
    <td class='oculto'>
    </td>
    <td class='celda' rowspan='2'>
      1
    </td>
    <td class='celda'>
      2
    </td>
  </tr>
  <tr class='linea'>
    <td class='oculto'>
    </td>
    <td class='celda' rowspan='2'>
      4
    </td>
  </tr>
  <tr class='linea'>
    <td class='oculto'>
    </td>
    <td class='celda'>
      3
    </td>
  </tr>
</table>

Saludos.

[zyron]

Increíble!! Funciona !!

Me has salvado la vida porque ya no sabía que hacer...muchísimas gracias!!

:cantar:

Saludos!