Include con div

xim_xim · #1 (**permalink**) 03/06/2011, 06:51

Hola como estan?
les hago una consulta, estoy armando una web y la maquete completamente en DIVS.
Me gustaria saber si se pueden hacer includes de los divs porque el top y el footer de la web se mantiene siempre y para ahorrarme bastante trabajo seria lo ideal.

El unico tema a tener en cuenta es que dentro del top hay un menu echo en css y estan todos los estilos en un archivos menu_style.css al cual llama el index.
Ese css lo tiene que seguir llamando cada index? o se hace el llamado dentro del include? o simplemente dentro del include solo va el bloque de codigo que esta dentro del div?

Gracias!

jotaincubus · #2 (**permalink**) 03/06/2011, 07:01

Mira una forma de explicarlo es la siguiente:

Este es un index.php

Código PHP:

Ver original<head></head>
<body>
<div id="contenedor">
<?php include ('sub_contenedor.php'); ?>
</div>
</body>

Este es una pagina sub_contenedor.php

Código PHP:

Ver original<div id="sub_contenedor">
<?php echo "Hola mundo"; ?>
</div>

El total de las dos seria este:

Código PHP:

Ver original<head></head>
<body>
<div id="contenedor">
    <div id="sub_contenedor">
    <?php echo "Hola mundo"; ?>
    </div>
</div>
</body>

Ya con esto puedes llamar al CSS desde index.php y los estilos se cargaran a todos los contenedores que tengas en la pagina de resultado, así utilices CSS para un contenedor en común con su ID o para todos si utilizas estilos para todas las etiquetas DIV de tu pagina.

Espero que esto te sirva de inicio para lo que quieras hacer

xim_xim · #3 (**permalink**) 03/06/2011, 07:05

Muchisimas gracias me sirve muchisimo.

Y decime, seria mas facil si maqueto por un lado el index.php con los estilos para el centro de la web, y maqueto por otro lado el header, y por otro el footer, y que ellos llamen a sus propios css?

para no tener tantos archivos siendo llamados en el index, y luego a lo largo de la pagina se irian agregando cada vez mas.

Esta bien pensado de esta forma?

jotaincubus · #4 (**permalink**) 03/06/2011, 07:29

La verdad cada quien tiene su forma de utilizar sus CSS yo por ejemplo tengo un archivo CSS para todas las etiquetas HTML que implican manejo de texto y contenido como son <DIV> <P> <SPAN> y cosas así y otro para cosas especiales como son <FORM> <LEGEND> <FIELDSET> <TABLE> <TD> <TR> <TH> y todas esas, ya que utilizo jquery para darle un buen estilo a esas cosas que hacen que la pagina sea mas atractiva y mantener lo mas apartado posible el código que yo hago, del código de los plugins que maneja jquery.

Adicionalmente, te cuento que yo tengo una pagina llamada heads.php en la cual tengo absolutamente todos los metas y llamadas a javascript y css de la pagina web ya que se me estaba haciendo tan grande que se me volvió inmanejable así que opte por separarla de todas las paginas y hacer un include de heads.php y así mantengo separado ese código del resto de mis paginas.