Foros del Web » Creando para Internet » HTML »

sobre tablas...

Estas en el tema de sobre tablas... en el foro de HTML en Foros del Web. Saludos a todos, alguien me podría explicar como podría construir una tabla que tuviera el siguiente aspecto... ====== | 1 | 2 | | ...=== ...
  #1 (permalink)  
Antiguo 14/11/2002, 02:26
 
Fecha de Ingreso: noviembre-2002
Ubicación: bcn
Mensajes: 52
Antigüedad: 21 años, 4 meses
Puntos: 1
Pregunta sobre tablas...

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!!!

Última edición por zyron; 14/11/2002 a las 02:30
  #2 (permalink)  
Antiguo 14/11/2002, 06:03
Avatar de Kunael  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 164
Antigüedad: 21 años, 4 meses
Puntos: 0
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.
__________________
Comparte tu conocimiento
  #3 (permalink)  
Antiguo 14/11/2002, 06:32
 
Fecha de Ingreso: noviembre-2002
Ubicación: bcn
Mensajes: 52
Antigüedad: 21 años, 4 meses
Puntos: 1
mas explicado

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!
Imágenes Adjuntas
Tipo de Archivo: jpg tabla.jpg (6,5 KB (Kilobytes), 3 visitas)

Última edición por zyron; 14/11/2002 a las 06:36
  #4 (permalink)  
Antiguo 14/11/2002, 08:38
 
Fecha de Ingreso: noviembre-2002
Mensajes: 11
Antigüedad: 21 años, 4 meses
Puntos: 0
<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... :)
  #5 (permalink)  
Antiguo 14/11/2002, 09:22
 
Fecha de Ingreso: noviembre-2002
Ubicación: bcn
Mensajes: 52
Antigüedad: 21 años, 4 meses
Puntos: 1
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!!!
  #6 (permalink)  
Antiguo 18/11/2002, 04:39
 
Fecha de Ingreso: enero-2002
Mensajes: 4
Antigüedad: 22 años, 1 mes
Puntos: 0
no funciona en ie6

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 ??
  #7 (permalink)  
Antiguo 18/11/2002, 16:15
Avatar de mikel_gomez  
Fecha de Ingreso: febrero-2001
Mensajes: 482
Antigüedad: 23 años
Puntos: 3
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.
__________________
Mikel Gómez
Hay que aprender mucho para saber poco

  #8 (permalink)  
Antiguo 19/11/2002, 03:06
 
Fecha de Ingreso: noviembre-2002
Ubicación: bcn
Mensajes: 52
Antigüedad: 21 años, 4 meses
Puntos: 1
Increíble!! Funciona !!

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

:cantar:

Saludos!
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 21:18.