El "include();" no me toma la hoja de estilo. php html css

dantemiguelturcutto · #1 (**permalink**) 10/03/2015, 22:58

buenas gente, como les va?... bueno, tengo la siguiente duda...

cuando hago un include, no me toma la hoja de estilo que tiene el archivo que incluyo...

les comento como estoy trabajando...

tengo así:

Carpeta: Paginax.

dentro de Paginax tengo las siguientes carpetas...

Menu

Banner.

Menu contiene:

menu.php
menu.css

luego Banner contiene:

banner.php
banner.css

bien?

dentro de menu.php tengo <link rel="stylesheet" type="text/css" href="menu.css">

bueno, hasta ahí todo bien... le da el estilo a "menu.php".

Ahora en banner.php tengo <link rel="stylesheet" type="text/css" href="banner.css">

luego en el <body>
include(../Menu/menu.php)
</body>
me incluye solo el contenido de "menu.php" pero sin los estilos...

Alguien sabe donde puede estár el problema?

darioPHP · #2 (**permalink**) 10/03/2015, 23:03

corrobora que la direccion relativa es correcta sino usa absoluta..
el include lo tenes que hacer entre etiquetas php <?php include "../Menu/menu.php"; ?>

pasa codigo real asi podemos observar si hay algun error de sintaxis...

dantemiguelturcutto · #3 (**permalink**) 10/03/2015, 23:14

Cita:

Iniciado por darioPHP

corrobora que la direccion relativa es correcta sino usa absoluta..
el include lo tenes que hacer entre etiquetas php <?php include "../Menu/menu.php"; ?>

pasa codigo real asi podemos observar si hay algun error de sintaxis...

menu.php

Código PHP:

  <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link rel="stylesheet" type="text/css" href="menu.css">

    <link rel="stylesheet" type="text/css" href="fonts/style.css">    

    <title>Menu</title>

</head>

<body>

    <nav class="menu">

    <ul class="menu"> 

        <li class="menu">            

            <div class="contenedor" id="inicio">

                <a href="inicio.php">

                <div class="normal">

                    <p class="normal"><span class="icon-house"></span>Inicio</p>

                </div>    

                </a>            

            </div>            

        </li>

        <li class="menu">            

            <div class="contenedor" id="laempresa">

                <a href="laempresa.php">

                <div class="normal">

                    <p class="normal"><span class="icon-info"></span>Nosotros</p>

                </div>

                </a>            

            </div>            

        </li>

        <li class="menu">            

            <div class="contenedor" id="ubicacion">

                <a href="ubicacion.php">

                <div class="normal">

                    <p class="normal"><span class="icon-location"></span>Ubicación</p>

                </div>

                </a>            

            </div>            

        </li>            

        <li class="menu">            

            <div class="contenedor" id="productos">

                <a href="productos.php">

                <div class="normal">

                    <p class="normal"><span class="icon-light-bulb"></span>Productos</p>

                </div>

                </a>            

            </div>            

        </li>

        <li class="menu">            

            <div class="contenedor" id="marcas">

                <a href="marcas.php">

                <div class="normal">

                    <p class="normal"><span class="">®</span>Marcas</p>

                </div>

                </a>            

            </div>            

        </li>

        <li class="menu">            

            <div class="contenedor" id="contacto">

                <a href="contacto.php">

                <div class="normal">

                    <p class="normal"><span class="icon-mail"></span>Contacto</p>

                </div>    

                </a>            

            </div>            

        </li>                    

    </ul>

</nav>

</body>

</html>

banner.php

Código PHP:

 
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link rel="stylesheet" type="text/css" href="banner.css">

    <title>Banner</title>

</head>

<body>

    <div id="cuerpo">

        <div id="logo">            

        </div>

        <div id="menu">

            <?php include("../Menu/menu.php"); ?>

        </div>

        <div id="barra">

            <p class="barra">Tel: xxxx-xxxxxx / Fax: xxxx-xxxxxx </p>            

        </div>

    </div>

</body>

</html>

locurafragil · #4 (**permalink**) 11/03/2015, 04:27

Hola dantemiguelturcutto! Estás pisando muchas etiquetas, en ambos archivos tienes <html><head><body>... esto debes limpiarlo. Para que el código te quede limpio para cuando sea interpretado por el navegador, debe quedar así:

En menu.php

Código PHP:

      <nav class="menu"> 
    <ul class="menu">  
        <li class="menu">             
            <div class="contenedor" id="inicio"> 
                <a href="inicio.php"> 
                <div class="normal"> 
                    <p class="normal"><span class="icon-house"></span>Inicio</p> 
                </div>     
                </a>             
            </div>             
        </li> 
        <li class="menu">             
            <div class="contenedor" id="laempresa"> 
                <a href="laempresa.php"> 
                <div class="normal"> 
                    <p class="normal"><span class="icon-info"></span>Nosotros</p> 
                </div> 
                </a>             
            </div>             
        </li> 
        <li class="menu">             
            <div class="contenedor" id="ubicacion"> 
                <a href="ubicacion.php"> 
                <div class="normal"> 
                    <p class="normal"><span class="icon-location"></span>Ubicación</p> 
                </div> 
                </a>             
            </div>             
        </li>             
        <li class="menu">             
            <div class="contenedor" id="productos"> 
                <a href="productos.php"> 
                <div class="normal"> 
                    <p class="normal"><span class="icon-light-bulb"></span>Productos</p> 
                </div> 
                </a>             
            </div>             
        </li> 
        <li class="menu">             
            <div class="contenedor" id="marcas"> 
                <a href="marcas.php"> 
                <div class="normal"> 
                    <p class="normal"><span class="">®</span>Marcas</p> 
                </div> 
                </a>             
            </div>             
        </li> 
        <li class="menu">             
            <div class="contenedor" id="contacto"> 
                <a href="contacto.php"> 
                <div class="normal"> 
                    <p class="normal"><span class="icon-mail"></span>Contacto</p> 
                </div>     
                </a>             
            </div>             
        </li>                     
    </ul> 
</nav>

y en banner.php (inlcuye las hojas css)

Código PHP:

 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" type="text/css" href="banner.css"> 
    <link rel="stylesheet" type="text/css" href="menu.css"> 
    <link rel="stylesheet" type="text/css" href="fonts/style.css">   
    <title>Banner</title> 
</head> 
<body> 
    <div id="cuerpo"> 
        <div id="logo">             
        </div> 
        <div id="menu"> 
            <?php include("../Menu/menu.php"); ?> 
        </div> 
        <div id="barra"> 
            <p class="barra">Tel: xxxx-xxxxxx / Fax: xxxx-xxxxxx </p>             
        </div> 
    </div> 
</body> 
</html>