[SOLUCIONADO] Espacios en blanco

citruxmedia · #1 (**permalink**) 06/02/2015, 15:38

Hola, necesito que alguien me ayude por favor.
Estoy creando esta web en base a unos graficos armados en una tabla, es
decir esta maqueteada por tablas y me salen unos espacios que no me dejan
ver el grafico completo, salen unos espacios entre filas.

Como lo puedo solucionar?
gracias.

ESTE ES EL CODIGO:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Pagina Test</title>
<style type="text/css">
body {
margin-top: 0px;
}
</style>
</head>

<body>
<table width="850" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="482" valign="top"><table width="850" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/01.jpg" width="283" height="191" alt=""></td>
<td><img src="images/02.jpg" width="268" height="191" alt=""></td>
<td><img src="images/03.jpg" width="299" height="191" alt=""></td>
</tr>
<tr>
<td><img src="images/04_01.jpg" width="283" height="36" alt=""/></td>
<td><img src="images/04_02.jpg" width="268" height="36" alt=""/></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/10.jpg" width="238" height="36" alt=""/></td>
<td><img src="images/11.jpg" width="61" height="36" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/12.jpg" width="283" height="255" alt=""></td>
<td><img src="images/13.jpg" width="268" height="255" alt=""></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="images/14.jpg" width="299" height="29" alt=""></td>
</tr>
<tr>
<td height="226"><img src="images/15.jpg" width="256" height="226" alt=""/></td>
<td><img src="images/16.jpg" width="43" height="226" alt=""></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

webosiris · #2 (**permalink**) 07/02/2015, 00:35

Cita:

esta maqueteada por tablas

en serio, en pleno año 2015 se puede decir "esta maqueteada por tablas" y quedarse uno así tranquilo??

Mi ayuda: Aprende html correctamente.

LucasAddams · #3 (**permalink**) 07/02/2015, 02:03

Cita:

Iniciado por webosiris

en serio, en pleno año 2015 se puede decir "esta maqueteada por tablas" y quedarse uno así tranquilo??

Mi ayuda: Aprende html correctamente.

No seas así. Si, tenes razón y es algo demasiado ortodoxo el tema de tablas, pero donde yo estudié todavía hoy tienen un sistema e-learning diseñado con tablas y con severos problemas funcionales así que no es nada de otro mundo.

Y, con respecto a citruxmedia, proba con CSS y si no funciona, usa divs y hace lo que quieras desde el css de cada una -No es difícil y en un ratango lo aprendes o lee sobre las propiedades que acá hay mucho!

Probá con algo parecido y aplicá el css:

Código HTML:

<div id="sorongoendiablado">

	<div id="imagenes">

		<div id="caca"></div>
		<div id="pito"></div>
		<div id="sorongo"></div>
		<div id="malcriado"></div>

	</div><!--findeimagenes-->

<div><!--findesorongo-->

Y css sería así: (#)ID (.)Clases ()Body, a, etcétera (*)Predeterminar las fuentes y tal.

Si las div son todas id, sería:

Código HTML:

#imagenes{
 width: -px;
 height: -px;
 background-image: url(../lacarpeta/tuimagen.png);
}

#caca{
 width: -px;
 height: -px;
 background-image: url(../lacarpeta/tuimagen.png);
}

#pito{
 width: -px;
 height: -px;
 background-image: url(../lacarpeta/tuimagen.png);
}

Etcétera

citruxmedia · #4 (**permalink**) 07/02/2015, 09:33

Gracias LucasAddams, tu comentario fue mas constructivo que el de la persona anterior.

La estoy armando como me dices, pero se me presento un problema. ¿como puedo hacer para que las divisiones principales me quede una debajo de la otra? es decir
pegadas entre fila 1 y fila 2?

Tengo esto:
<body>
<div id="fila1">

<div id="f1g1" style=""></div>
<div id="f1g2"></div>
<div id="f1g3"></div>

</div>
<div id="fila2">

<div id="f2g1" style=""></div>
<div id="f2g2"></div>
<div id="f2g3"></div>
<div id="f2g4"></div>

</div>
</body>

gracias de antemano

citruxmedia · #5 (**permalink**) 07/02/2015, 09:34

muchas gracias por tu ayuda webosiris

LucasAddams · #6 (**permalink**) 07/02/2015, 09:39

Cita:

Iniciado por citruxmedia

Gracias LucasAddams, tu comentario fue mas constructivo que el de la persona anterior.

La estoy armando como me dices, pero se me presento un problema. ¿como puedo hacer para que las divisiones principales me quede una debajo de la otra? es decir
pegadas entre fila 1 y fila 2?

Tengo esto:
<body>
<div id="fila1">

<div id="f1g1" style=""></div>
<div id="f1g2"></div>
<div id="f1g3"></div>

</div>
<div id="fila2">

<div id="f2g1" style=""></div>
<div id="f2g2"></div>
<div id="f2g3"></div>
<div id="f2g4"></div>

</div>
</body>

gracias de antemano

Estás haciéndolo mal otra vez, presta atención y lee bien como usar etiquetas div

citruxmedia · #7 (**permalink**) 07/02/2015, 09:44

ok, voy a leer de nuevo.

gracias

citruxmedia · #8 (**permalink**) 07/02/2015, 09:51

LucasAddams, tienes alguna link con un tutorial que me explique mas?

gracias

LucasAddams · #9 (**permalink**) 07/02/2015, 10:28

Es que no se que es lo que queres hacer, no terminé de entender tu idea. ¿Vos querés hacer una galería?

citruxmedia · #10 (**permalink**) 07/02/2015, 11:12

Gracias por todo LucasAddams, ya logre ver cual era mi error y ya estoy armando la pagina usando divs. Gracias por que me diste el camino. Te deseo un excelente dia...

LucasAddams · #11 (**permalink**) 07/02/2015, 11:42

No lo estoy teniendo, porque voy atrasado con trabajos por ver el Dr. Who, pero gracias de todos modos jajajajaja.

citruxmedia · #12 (**permalink**) 07/02/2015, 11:49

Ley de causa y efecto amigo LucasAddams.. jajajaja