Foros del Web » Creando para Internet » HTML »

Estructura de tabla atípica (reto)

Estas en el tema de Estructura de tabla atípica (reto) en el foro de HTML en Foros del Web. Buenas Gente! Tengo un reto, necesito crear una estructura de tabla que me permita realizar lo que, mas o menos, he intentado representar en el ...
  #1 (permalink)  
Antiguo 13/05/2007, 17:51
Avatar de renton  
Fecha de Ingreso: enero-2004
Ubicación: BCN (PPCC)
Mensajes: 573
Antigüedad: 13 años, 10 meses
Puntos: 1
Estructura de tabla atípica (reto)

Buenas Gente!

Tengo un reto, necesito crear una estructura de tabla que me permita realizar lo que, mas o menos, he intentado representar en el "esquema" de abajo.

Básicamente seria una estructura de noticia con un recuadro lateral que permita poner un titular en grande o unas cuantas fotos, pero el texto de la noticia debe "rodear" el cuadro (osea, que no queden como dos columnas perfectas, sino que la de la izquierda ocupe el lugar sobrante del de la derecha).

Y necesito hacerla con tablas, (he encontrado ejemplos de este tipo de estructura, pero realizado con divs).



Alguna idea?
Mil Gracias!
__________________
"No et limites a contemplar aquestes hores que ara venen, baixa al carrer i participa.
No podran res davant un poble unit, alegre i combatiu!!"

Última edición por renton; 14/05/2007 a las 05:29
  #2 (permalink)  
Antiguo 14/05/2007, 08:25
Avatar de Shade  
Fecha de Ingreso: noviembre-2006
Mensajes: 262
Antigüedad: 11 años, 1 mes
Puntos: 1
Re: Estructura de tabla atípica (reto)

Mediante tablas solamente es imposible (que yo sepa!, nunca hay que decir imposible).
  #3 (permalink)  
Antiguo 18/05/2007, 10:10
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Re: Estructura de tabla atípica (reto)

Cita:
Iniciado por renton Ver Mensaje
Y necesito hacerla con tablas, (he encontrado ejemplos de este tipo de estructura, pero realizado con divs).
y porque necesitas usar tablas?

las tablas son para tabular datos, y lo que quieres hacer evidentemente no es tabular datos sino maquetar...
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #4 (permalink)  
Antiguo 18/05/2007, 10:58
Avatar de renton  
Fecha de Ingreso: enero-2004
Ubicación: BCN (PPCC)
Mensajes: 573
Antigüedad: 13 años, 10 meses
Puntos: 1
Re: Estructura de tabla atípica (reto)

bueno, básicamente porque toda la web está programada con tablas, porque toda la vida he utilizado tablas para crear webs, porque soy programador (no maquetador ni diseñador) y no tengo ni pájara de utilizar correctamente los divs a la hora de "maquetar" y porque las veces que lo he intentado, cada browser me muestra el diseño diferente.
__________________
"No et limites a contemplar aquestes hores que ara venen, baixa al carrer i participa.
No podran res davant un poble unit, alegre i combatiu!!"
  #5 (permalink)  
Antiguo 18/05/2007, 14:00
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Estructura de tabla atípica (reto)

Bueno, algo cutre sería:
<table border="0">
<tr><td colspan="2">Aquí pones el texto de encima de las noticias</td></tr>
<tr><td width="75%">Aquí pones el texto de al lado de la imagen</td><td>Aquí pones la imagen</td></tr>
<tr><td colspan="2">Aquí pones el texto de debajo</td></tr>
</table>
Es lo único que se puede hacer. Saludos
  #6 (permalink)  
Antiguo 18/05/2007, 16:19
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 16 años, 9 meses
Puntos: 535
Re: Estructura de tabla atípica (reto)

Me puse a recrear esa estructura maquetándola con CSS y, la verdad, no me salió. No se si es que no se puede (lo dudo) o si estoy muy torpe hoy
__________________
...___...
  #7 (permalink)  
Antiguo 19/05/2007, 19:11
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Re: Estructura de tabla atípica (reto)

hola

esto es lo maximo que he logrado componer, el texto grande se cuela por debajo de la foto, y ademas he tenido que echar mano de dos divs. espero que te valga.

Código HTML:
<html><head>
<title>tabla maquetada</title><style>
body{background:gray;margin:5%;}
table{color:black;border-collapse:collapse;}
tr{border:1px solid black;}
td{position:relative;vertical-align:top;}
.texto{
top:0px;left:0px;width:500px;height:300px;z-index:0;
border:1px solid black;padding:10px;background:white;
}
.foto{top:73px;right:121px;width:120px;z-index:1;}
.nota{top:160px;right:243px;width:120px;z-index:2;}
.foto img{width:98px;height:70px;}
div{background:white;border:1px solid black;padding:10px;}
.div1{height:90px;border-bottom:0;}
.div2{height:60px;border-top:0;}
</style></head><body>
<table>
<tr>
<td class="texto">texto grande</td>
<td class="foto"><div class="div1"><img></div></td>
<td class="nota"><div class="div2">nota</div></td>
</tr>
<tr>
<td class="texto">texto grande</td>
<td class="foto"><div class="div1"><img></div></td>
<td class="nota"><div class="div2">nota</div></td>
</tr>
</table></body></html> 
saludos
  #8 (permalink)  
Antiguo 20/05/2007, 15:01
Avatar de programeitor  
Fecha de Ingreso: febrero-2005
Mensajes: 994
Antigüedad: 12 años, 10 meses
Puntos: 9
Re: Estructura de tabla atípica (reto)

Bueno, acabodever que "cuadra" namas quenel IE.

sera cuestion de CSS namas, supongo.
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 08:25.