Problema con CSS y modulos

ezequiel_pethead · #1 (**permalink**) 11/01/2008, 16:35

Tengo un nuevo problema... cuando uno sale de algo, comienza otro... a ver que mano me dan gente..

Tengo la estructura de mi web en el localhost asi:
C:\AppServ\www\70
/artistas
/css
/images
/staff
/reviews
index.php
contactenos.php
etc...

El problema me surge cuando indexo a la carpeta /artistas me queda el CSS sin cargar...
Tengo los inlcudes en el index.php y en cada include que le hice ( son 3 ) tiene su css, include('header.php') esta con el /css/footer.css
Me comprenden? entonces cuando cambio todo a /artistas y ahi hago el index.php no me carga porque la ruta es erronea... y no se como cambiarla...

Que puedo hacer?

vevni · #2 (**permalink**) 11/01/2008, 16:37

el problema es que cuando usas varios includes dentro de otras inclusiones este ultimo include toma la ruta de donde se ejecuta y no la que deberia ser, para mostrarte mejor lo que te comento prueba con esto..... imagino que los llamas de forma relativa?....
intenta poner la ruta absoluta en tus llamadas, y comprenderas mejor alo que me refiero!

ezequiel_pethead · #3 (**permalink**) 11/01/2008, 16:44

Por ejemplo el include de index.php es asi C:\AppServ\www\70\header.php
y en el /css esta llamado igual header.css

Vos me decis que pruebe la ruta absoluta, eso seria eliminando la carpeta /css y poniendolo en el raiz no? o entiendo mal?

Gracias!

GatorV · #4 (**permalink**) 11/01/2008, 16:53

No, se refiere a que desde raiz cargues el css:

Código HTML:

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

Saludos.

ezequiel_pethead · #5 (**permalink**) 11/01/2008, 17:02

GatorV sigue sin funcionar... elimine la carpeta /css y ahora estan en C:\AppServ\www\70\style_header.css

Y esta desde la raiz, actualmente tengo esto:
<link href="style_header.css" rel="stylesheet" type="text/css">

Pero cuando lo ejecuto desde /artistas no me funciona

vevni · #6 (**permalink**) 11/01/2008, 17:16

puedes poner que codigo usas desde /artistas,?
digamos que tienes algo como esto

/css
/archivos
/archivos/index.php
/includes
/includes/header.php

si tu llamas desde /archivos/index.php a cabecera.php con archivos localizados en /css vas a tener el problema que mencions arriba, lo que hacen muchas webs grandes y sistemas completos y complejos con muchas carpetas es que definen una variable que siempre va a apuntar a raiz osea donde este el servidor web y la aplicacion, ejemplo /www/proyecto/... $path esta variable siempre tendra esa ruta como referencia. entonces cada que se desee hacer una inclusion usas esa variable y solo adjuntas la carpeta donde se encuentre el recurso o archivo de tal forma que

include_once($path."/archivos/blablabla.inc.php"); algo como esto, asi se asegura que tu siempres apuntes al recurso que solicitas....

ezequiel_pethead · #7 (**permalink**) 11/01/2008, 17:23

Si, aca te dejo todo el codigo, esto seria /artistas/index.php y tiene 3 includes que estan en la raiz. Lo que no me cargan son los includes desde ARTISTAS

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style_principal.css" rel="stylesheet" type="text/css">
</head>
<body background="../tiled_background2.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="720" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr> 
    <td colspan="3"><table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td> 
            <? include_once('header.php'); ?>
          </td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td colspan="3" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td width="591" valign="top" class="Line">
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td><img src="../images/bar-bienvenido.gif" width="500" height="45"></td>
        </tr>
      </table>
      <table width="490" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td><div align="left"><img src="../sas.jpg" width="457" height="140"></div></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      
    </td>
    <td width="94" valign="top"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td> 
            <? include_once('form-artists.php');
	   ?>
          </td>
        </tr>
      </table>
      
    </td>
    <td width="35" valign="top">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="3" valign="top"><p>&nbsp;</p>
      </td>
  </tr>
  <tr> 
    <td colspan="3"> <table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td> 
            <? include_once('footer.php'); ?>
          </td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

ezequiel_pethead · #8 (**permalink**) 12/01/2008, 06:47

Aca se ve en el codigo que desde /artistas/index.php tengo el include header.php pero ese header.php tiene a su vez un css propio que esta en /css y ahi es cuando la ruta cambia, desde artistas lo interpreta mal... tiene que haber una solucion practica no?
Probe lo que me dijistes vevni, pero nada. :S

Keysher · #9 (**permalink**) 12/01/2008, 09:17

No he acabado de entender el problema...

¿Tienes un index.php en una carpeta y quieres hacer includes de ficheros que están en un nivel superior?¿

Para bajar un nivel se usaría ../
Por ejemplo, con esta estructura:

fichero_a_incluir.php
css/estilo.css
carpeta/index.php

Para incluir desde el index el fichero sería: include('../fichero_a_incluir.php')
y al css accederías con '../css/estilo.css'

¿Era eso lo qué buscabas?

ezequiel_pethead · #10 (**permalink**) 12/01/2008, 09:34

Tengo el index.php asi: www.miweb.com/index.php y en el index ese llamo a 3 includes que estan en la misma carpeta, y esos 3 includes header.php | table.php y footer.php tienen 3 css diferentes en el mismo directorio raiz.
Entonces, index.php con el css styleprincipal.css me va bien
header.php con el css style_header.css funciona
footer.php con el css style_footer.css funciona

Cuando index.php lo guardo en la carpeta /artistas me queda asi: www.miweb.com/artistas/index.php entonces el error es que el css lo toma como si estuviera en el raiz y no funciona, ya proba cambiando todo y nada... y si me decis que le saque o modifique algo de '../css/estilo.css' lo hago, pero ya no me carga en los estilos del dreamweaver para asignar los styles.
Y al ejecutar www.miweb.com/artistas/index.php no me cargan los css del header.php y footer.php

Keysher · #11 (**permalink**) 12/01/2008, 09:50

Entonces te empieza a dar fallos cuando lo metes en un directorio que no sea el raíz, ¿no?

¿Los includes los hace bien? ¿lo único que no carga son los css?

¿Dónde tienes los css? ¿en el nuevo directorio o en el raíz? ¿Desde dónde los llamas? ¿desde el index o desde los includes?

Si es como has puesto en el post anterior:

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

prueba a poner esto si está en el miso directorio:

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

o esto si está en el directorio superior (anterior):

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

toforo · #12 (**permalink**) 12/01/2008, 09:55

hola.
si el css.css esta en la raíz del sitio y el index.php esta en (artistas)
para incluir un fichero que esta en la raíz del sitio, puedes usar así
ejemplo:

Código PHP:

  include($_SERVER['DOCUMENT_ROOT']."/pagina.php");
o asi
include($_SERVER['DOCUMENT_ROOT']."/css.css");

ezequiel_pethead · #13 (**permalink**) 12/01/2008, 10:10

Cita:

Entonces te empieza a dar fallos cuando lo metes en un directorio que no sea el raíz, ¿no?

Asi es

Cita:

¿Los includes los hace bien? ¿lo único que no carga son los css?

Los includes desde /artistas/index.php los hace perfecto, lo que no carga son los .css

Cita:

¿Dónde tienes los css? ¿en el nuevo directorio o en el raíz? ¿Desde dónde los llamas? ¿desde el index o desde los includes?

Los css estan en el raiz y los llamo desde los includes.

Cita:

Si es como has puesto en el post anterior:

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

prueba a poner esto si está en el miso directorio:

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

o esto si está en el directorio superior (anterior):

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

Pero el problema surge que desde /artistas/index.php no toma los <link href="style_principal.css" rel="stylesheet" type="text/css"> sino que desde los includes lo hace.

ezequiel_pethead · #14 (**permalink**) 12/01/2008, 10:12

Cita:

Iniciado por toforo

hola.
si el css.css esta en la raíz del sitio y el index.php esta en (artistas)
para incluir un fichero que esta en la raíz del sitio, puedes usar así
ejemplo:

Código PHP:

  include($_SERVER['DOCUMENT_ROOT']."/pagina.php"); 
o asi 
include($_SERVER['DOCUMENT_ROOT']."/css.css");

Ya probe y nada... el problema no surge del index.php raiz o /artistas/index.php para esos tengo un css, el problema es para los css que estan en los includes...

Cristiaen · #15 (**permalink**) 12/01/2008, 10:17

Cita:

Iniciado por ezequiel_pethead

Tengo el index.php asi: miweb.com/index.php y en el index ese llamo a 3 includes que estan en la misma carpeta, y esos 3 includes header.php | table.php y footer.php tienen 3 css diferentes en el mismo directorio raiz.
Entonces, index.php con el css styleprincipal.css me va bien
header.php con el css style_header.css funciona
footer.php con el css style_footer.css funciona

Cuando index.php lo guardo en la carpeta /artistas me queda asi: miweb.com/artistas/index.php entonces el error es que el css lo toma como si estuviera en el raiz y no funciona, ya proba cambiando todo y nada... y si me decis que le saque o modifique algo de '../css/estilo.css' lo hago, pero ya no me carga en los estilos del dreamweaver para asignar los styles.
Y al ejecutar miweb.com/artistas/index.php no me cargan los css del header.php y footer.php

No entendí mucho, pero si mueves el archivo index.php a la carpeta /artistas tienes que mover tambien los css, o de lo contrario tendrías que cambiar la ruta de los css por src="../archivo.css", añadiendo el ../ correspondiente.

Pero igualmente no termino de entender tu problema. Puedes poner una imagen de las carpetas y los archivos que mencionas en modo árbol? (captura de pantalla del explorador de windows).

Keysher · #16 (**permalink**) 12/01/2008, 10:24

Debería ser lo mismo... si los tienes en los includes y están en la raíz, tienes que hacer lo mismo, referecienarlos subiendo un nivel... ¿Puedes poner el código que usas para llamar a esos css desde los includes?

ezequiel_pethead · #17 (**permalink**) 12/01/2008, 10:37

Cita:

Iniciado por Cristiaen

No entendí mucho, pero si mueves el archivo index.php a la carpeta /artistas tienes que mover tambien los css, o de lo contrario tendrías que cambiar la ruta de los css por src="../archivo.css", añadiendo el ../ correspondiente.

Pero igualmente no termino de entender tu problema. Puedes poner una imagen de las carpetas y los archivos que mencionas en modo árbol? (captura de pantalla del explorador de windows).

No fue movido, solo lo guarde para tener otro registro de index.php con la misma estructura... osea que en el raiz esta mi index y en /artistas hay otro.

ezequiel_pethead · #18 (**permalink**) 12/01/2008, 10:42

Cita:

Iniciado por Keysher

Debería ser lo mismo... si los tienes en los includes y están en la raíz, tienes que hacer lo mismo, referecienarlos subiendo un nivel... ¿Puedes poner el código que usas para llamar a esos css desde los includes?

Aqui esta, pero como dije no es el problema... el problema es del /artistas/index.php que toma el include que esta en la raiz.

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

Cristiaen · #19 (**permalink**) 12/01/2008, 10:46

Cita:

Iniciado por ezequiel_pethead

Si, aca te dejo todo el codigo, esto seria /artistas/index.php y tiene 3 includes que estan en la raiz. Lo que no me cargan son los includes desde ARTISTAS

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style_principal.css" rel="stylesheet" type="text/css">
</head>
<body background="../tiled_background2.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="720" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr> 
    <td colspan="3"><table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td> 
            <? include_once('header.php'); ?>
          </td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td colspan="3" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td width="591" valign="top" class="Line">
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td><img src="../images/bar-bienvenido.gif" width="500" height="45"></td>
        </tr>
      </table>
      <table width="490" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td><div align="left"><img src="../sas.jpg" width="457" height="140"></div></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      
    </td>
    <td width="94" valign="top"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td> 
            <? include_once('form-artists.php');
	   ?>
          </td>
        </tr>
      </table>
      
    </td>
    <td width="35" valign="top">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="3" valign="top"><p>&nbsp;</p>
      </td>
  </tr>
  <tr> 
    <td colspan="3"> <table width="720" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td> 
            <? include_once('footer.php'); ?>
          </td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Si los includes los tienes en la raíz no te van a funcionar de esa manera, tienes que poner:

Código PHP:

<?php include_once('../footer.php'); ?>

Lo de los css no me queda claro, podrías poner las rutas que tienes y los archivos, y que quieres insertar en qué? Gracias!

ezequiel_pethead · #20 (**permalink**) 12/01/2008, 10:54

Aca amigos les dejo un zipeado con los archivos, descomprimanlo y que les quede localhost/90/index.php
http://rapidshare.com/files/83255140/90.rar.html

A ver que pasa... me interesa que carguen los css desde artistas

Keysher · #21 (**permalink**) 12/01/2008, 11:31

El problema son las rutas, cómo hemos comentado.

cuando haces un include o un require se carga en el script que lo haya llamado, es decir la ruta será del .php que hace la llamada.

En tu caso, si haces el include desde artistas/index.php, la ruta del script será /artistas, por lo que si en el include (footer o header) haces una llamada a "archivo.css" lo buscará en artistas

Una posible solución es poner en header y footer la url completa al hacer la llamada (www.dominio.com/archivo.css), pero eso es poco escalable.....

ezequiel_pethead · #22 (**permalink**) 12/01/2008, 11:45

Ademas si hago eso, no me sale en vista de diseño en el dreamweaver... :S eso es lo malo...
Ahora me comprendes mejor keysher? y si, hago la llamada de los css desde el raiz y funciona... y desde artistas y no porque lo toma como si fuera el raiz
Que me recomendas?

Keysher · #23 (**permalink**) 12/01/2008, 11:52

Esa, poner la ruta completa en el footer y el header... si quieres hacerlo de forma dinámica deberías sacar la url de ese fichero y construir así la llamada a los css....

Y que no lo vea el dreamweber, ni idea, nunca lo he usado.

ezequiel_pethead · #24 (**permalink**) 12/01/2008, 12:02

Pero te fijastes que los css estan en el raiz???

toforo · #25 (**permalink**) 12/01/2008, 12:18

el problema es que Tu ves en el Dreamweaver todo bien pero al momento de verlo en tu explore no toma el css ECT. el problema es que en la forma que Tu estas trabajando, si
se ve bien en el dreamweaver. pero no te dejes guiar por las rutas que asina el dreamweaver
seguro que los que te han respondido ya te han dado la solución. así que puedes pre visualizar en
el dreamweaver pero al momento de ver en tu explore cambies la ruta que asigna el dreamweaver por alguna de las que te han dado arriba.
yo en lo personal cuando usaba el dreamweaver para visualizar. simple: localhost/index.php y cada cambio en el dreamweaver doy un Reload o F5

Keysher · #26 (**permalink**) 12/01/2008, 12:21

Sí....... ¿y?

A ver, si haces el include en artistas/index.php la ruta para llamarlos debe ser ../fichero.css

Y si haces el include desde un index.php que esté en el razi sería así: ./fichero.css

Por lo que si usas el mismo header y footer para diversos ficheros en diversos directorios, tendrás que tener una forma de que se llame al css con la ruta correcta.

Y para ello tienes que poner la ruta completa para llamar al css dentro de footer y header.

ezequiel_pethead · #27 (**permalink**) 12/01/2008, 12:30

Nada muchachos... no camina la cosa... esto me tiene re cansadooooooo....
Una vez mas.. el problema no se sentra tanto el los index.php de artistas, sino en los includes que estan en el... de ahi no me cargan los css... solo los de header y footer.

:s

Cristiaen · #28 (**permalink**) 12/01/2008, 12:38

Yo he conseguido que me carguen los css en todos los scripts, pero no consigo que las rutas se pongan bien, porque segun la ruta, usando el mismo header.php es complicado de hacer que los enlaces funcionen bien

ezequiel_pethead · #29 (**permalink**) 12/01/2008, 12:43

Claro... incluso las imagenes ya no cargan en /artistas usando localhost/90/styleprincipal.css es todo diferente y desde el raiz lo vez... desde artistas no... :s
Pero si no se usa el header.php con el include... no se podria hacer tampoco...

Keysher · #30 (**permalink**) 12/01/2008, 12:46

Vamos a ver, has probado a poner la RUTA COMPLETA en las llamdas a los css en header y footer.

Pon www.dominio.com/archivo.css

Así SÍ funciona.