Ayuda basica

ilda · #1 (**permalink**) 05/09/2005, 09:53

Hola amigos

Recien empiezo en php.

Quiero hacer algo simple pero no me sale.

Tengo una tabla central (el cuerpo de la pagina), y desde alli llamo (con include) la parte de arriba, abajo, izquierda y derecha de la pagina. (son cuatro tablas).

Arme todo y me quedan espacios en blanco entre modulo y modulo, no se por que sucede eso.

Esta es la direccion de la pagina de prueba (en Lycos, la publicidad desaparece en unos segundos)Ver pagina de prueba

Aqui copio el codigo de la pagina desde donde llamo a las otras partes:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="0" border="0">
<tr>
<td>
<? include('arriba.php'); ?>
</td>
</tr>
<tr>
<td><table width="0" border="0">
<tr>
<td>
<? include('izquierda.php'); ?>
</td>
<td><table width="450" border="0">
<tr>
<td>B"H Aqui estara el texto de la pagina</td>
</tr>
</table></td>
<td>
<? include('izquierda.php'); ?>
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<? include('abajo.php'); ?>
</td>
</tr>
</table>
<p>  </p>
<p> </p>
<p>  </p>
<p> </p>
<p> </p>
<p>  </p>
</body>
</html>

Las partes de arriba y abajo son estas:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body></td>
<tr>
<td><table width="750" height="200" border="0" bgcolor="#0000FF">
<tr>
<td valign="top"> </td>
</tr>
</table></body>
</html>

Las partes laterales son estas:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="150" height="500" border="0" bgcolor="#0000FF">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

Agradezco cualquier ayuda que me puedan dar.

Ilda

crazyandmaniac · #2 (**permalink**) 05/09/2005, 10:08

porque no pones una tabla con las divisiones que quieres sean los modulos y les das border=0 asi de esta manera en cada <td> inclulles tus modulos corrspondientes .

bueno, e4s una idea

:D

EternalWitness · #3 (**permalink**) 05/09/2005, 10:13

hola
que tal si en las etiquetas de las tablas pones
cellpadding="0" cellspacing="0"

crazyandmaniac · #4 (**permalink**) 05/09/2005, 10:14

a sip, tambien eso
pero como veras es un espacio algo grande
no creo que sea el cellspacing, pero tu sabes, puedes probar lo de los bordes 0 e igual poner cellspacing :)

ilda · #5 (**permalink**) 05/09/2005, 10:17

Gracias amigo, ya coloque border 0 a cada celda, pero aun los espacios persisten. Que podra estar ocurriendo?

Gracias por la ayuda

Ilda

zuche · #6 (**permalink**) 05/09/2005, 11:38

Hola, pos si suele pasar..

1) puede que el archivo al que llamas.php gracias a include.. pos que sea de un tamaño superior a la medida dela tabla queh as creado (donde apareceria el contenido) y siendo asi. la tabla se deforma creando espacios.. entre otras cosas..

2) si usas dreamweaver, es bueno para ordenar las tablas acomodar, celdas, etc.. donde dentro incluir el include... en fin.. te dejo aca un ejemplo que recien hize..

Nta: Borra todo el contenido de tu index.php e inserta el siguiente:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>PAGINA PRINCIPAL</title>
</head>

<body>
<div align="center">
  <table width="750" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>
      <td height="200" colspan="3" valign="top"><?php
include("arriba.php");
?></td>
    </tr>
    <tr>
      <td width="150" height="500" valign="top"><?php
include("izquierda.php");
?></td>
      <td width="450">&nbsp;</td>
      <td width="150" valign="top"><?php
include("derecha.php");
?></td>
    </tr>
    <tr>
      <td height="200" colspan="3" valign="top"><?php
include("abajo.php");
?></td>
    </tr>
  </table>
</div>
</body>
</html>

Guardalo como.. index.php (o como quieras.. pero si o si .php)

MiniExplicacion: Ahi veras cada tabla llama a.. (arriba.php, izquierda.php, derecha.php y abajo.php) Cada uno con sus medidas.

Otra cosa que debes tener en cuenta.. cuando llamas a un archivo.php desde include mostrara TODO EL CONTENIDO DEL ARCHIVO.PHP QUE ESTA LLAMANDO.. TODO!

es decir.. ejemplo: que el archivo arriba.php (su medida total debe ser de.. en este caso.. 750x200 o inferior, NO SUPERIOR.

La web la veras en el centro de la pagina en si.. si te fjas bien.. he puesto antes de empezar el diseño de tablas/web..

Código:

<div align="center">
contenido
</div>

Eso esta bien para mantener la web en el centro.

aver si te sirve..
---

Saludos!

ilda · #7 (**permalink**) 05/09/2005, 12:33

Muchas gracias Zuche, fuiste muy gentil en ayudarme.

Subi el archivo tal como me indicaste, pero aun no queda alineado.

Este es lo que ocurre:

Ver pagina

zuche · #8 (**permalink**) 05/09/2005, 13:38

Pos es muy raro..

Mira.. para eso deberia revisar los archivos.php al los cuales llama el include, puede que en algunos de ellos, ESTE EL PROBLEMA..

Segun veo.. el (arriba.php + izquierda.php) se ve perfectando alineado.. mientras que el (derecha.php + abajo.php) nop.

Ese mismo index.php abrelo con dreamweaver. veras que te deje en el centro un espacio para el contenido... pero eso veamos mas a lo ultimo..
Lo primero es alinear lo de fuera.. el codigo que te pase esta probado y funciona.. asique para quitarnos las dudas.. vamos a hacer algo sencillo y rapido.

haz lo siguiente:

1) Crea una imagen con algun programa, cualquier color.. de las medidas utilizadas en cada tabla. Ejemplo:

(750x200) IMAGEN GIF.. llamala como img_arriba.gif

(150x500) IMAGEN GIF.. llamala como img_izquierda.gif

(150x500) IMAGEN GIF.. llamala como img_derecha.gif

(750x200) IMAGEN GIF.. llamala como img_abajo.gif

2) inserta los siguientes codigos para cada archivo.

arriba.php

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>

<body>
<table width="750" border="0" cellpadding="0" cellspacing="0" background="img_arriba.gif">
  <!--DWLayoutTable-->
  <tr>
    <td width="750" height="200">&nbsp;</td>
  </tr>
</table>
</body>
</html>

izquierda.php

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>

<body>
<table width="150" border="0" cellpadding="0" cellspacing="0" background="img_izquierda.gif">
  <!--DWLayoutTable-->
  <tr>
    <td width="150" height="500">&nbsp;</td>
  </tr>
</table>
</body>
</html>

derecha.php

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>

<body>
<table width="150" border="0" cellpadding="0" cellspacing="0" background="img_derecha.gif">
  <!--DWLayoutTable-->
  <tr>
    <td width="150" height="500">&nbsp;</td>
  </tr>
</table>
</body>
</html>

abajo.php

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style></head>

<body>
<table width="750" border="0" cellpadding="0" cellspacing="0" background="img_abajo.gif">
  <!--DWLayoutTable-->
  <tr>
    <td width="750" height="200">&nbsp;</td>
  </tr>
</table>
</body>
</html>

---

Bueno cada archivo de esos.. tienen un fondo de la medida exacta de cada tabla del index.php

Sube todo al mismo directorio:

index.php
img_arriba.gif
img_izquierda.gif
img_derecha.gif
img_abajo.gif
arriba.php
izquierda.php
derecha.php
abajo.php

---

Para terminar ejecuta el index.php y fijate si esta todo alineado.
Si llega a funcionar.. querra decir que luego.. lo que pongas/hagas en (arriba.php, izquierda.php, derecha.php y abajo.php) sobre el fondo de la tabla.. aparecera ahi (index.php) sin problemas, sin errores..

Saludos!

ilda · #9 (**permalink**) 06/09/2005, 09:13

Muchas Gracias Zuche. Tu ayuda fue magnifica. te agradezco de todo corazon la gran mano que me diste. Con tu codigo todo cuadra perfectamente. Ahora solo me falta armar el sitio, pues el esquema quedo perfecto gracias a ti.

Hasta pronto y muchisimas gracias por tu gran ayuda

Ilda

ilda · #10 (**permalink**) 07/09/2005, 09:08

Ahora solo traslado el contenido de las tablas, lo inserto creo que quedara listo.

Gracias por la ayuda

venom_mdt · #11 (**permalink**) 07/09/2005, 09:13

Proba con esto:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="0" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<? include('arriba.php'); ?>
</td>
</tr>
<tr>
<td><table width="0" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<? include('izquierda.php'); ?>
</td>
<td><table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>B"H Aqui estara el texto de la pagina</td>
</tr>
</table></td>
<td>
<? include('izquierda.php'); ?>
</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<? include('abajo.php'); ?>
</td>
</tr>
</table>
<p>  </p>
<p> </p>
<p>  </p>
<p> </p>
<p> </p>
<p>  </p>
</body>
</html>

Las partes de arriba y abajo son estas:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body></td>
<tr>
<td><table width="750" height="200" border="0" bgcolor="#0000FF">
<tr>
<td valign="top"> </td>
</tr>
</table></body>
</html>

Las partes laterales son estas:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="150" height="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#0000FF">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

ilda · #12 (**permalink**) 07/09/2005, 13:05

Gracias Venom yo creo que con lo indicado por Zuche todo anda bien, pero igual tome tu aporte para probarlo.

Muchas gracias

Ilda

zuche · #13 (**permalink**) 07/09/2005, 19:30

Me alegro de que vaya todo bien, cualquier cosa volves a preguntar sin problems ;)

DvD AdN · #14 (**permalink**) 07/09/2005, 19:52

Ejem, ejem, ese código está mal, y no se porque nadie dijo

, ve el código fuente de tu página y veras que van a aparecer varios <html> y <body> y solo debe de haber 1, intenta validar tu página con el validator del w3.

Un include no tiene (no debe) de ser un documento html completo porque en tu página en donde llamas a los includes ya tiene el <html> el <body> y lo demás y no debes de repetirlo en cada include!