CSS - Directorios con CSS cutre (Pretty URLs)

   
Vista:

Directorios con CSS cutre (Pretty URLs)

Publicado por Kevin (1 intervención) el 20/04/2016 23:43:21
Buenas. Resulta que estoy adaptándole a mi sitio web URLs amigables (o Pretty URLs) y esta forma me fue muy útil (a través de .htaccess):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<IfModule mod_rewrite.c>
# Activar RewriteEngine
RewriteEngine on
RewriteBase /
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteCond %{SCRIPT_FILENAME} !-f
 
RewriteRule ^(.*)$ $1.php // para mostrar /ejemplo cuando se ingrese a traves de /ejemplo.php
RewriteRule ^cuenta/estadisticas estadisticas.php // para mostrar estadisticas.php cuando se ingrese a traves de /cuenta/estadisticas 
</IfModule>
ErrorDocument 400 /
ErrorDocument 401 /
ErrorDocument 403 /
ErrorDocument 404 /
ErrorDocument 500 /

El funcionamiento está perfecto, el problema es que, no sé por qué, no se están mostrando correctamente los CSS, se muestra como una web cutre, observen:

Acceso normal

34ixdHO

Acceso desde directorio

Aa2Hdli

Archivo donde poseo todo almacenado:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- Stylesheets -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link href="css/slider.css" rel="stylesheet">
    <link href="css/lrp.css" rel="stylesheet">
    <!-- <link href='https://fonts.googleapis.com/css?family=Lato:400,700,300,400italic' rel='stylesheet' type='text/css'> -->
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/footer.css">
    <!-- jQuery -->
    <script src="http://code.jquery.com/jquery-1.12.0.js"></script>
    <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <!-- <script src="js/bootstrap.js"></script> -->
    <script src='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js'></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-confirmation.js"></script>
    <script src="js/npm.js"></script>
    <script src='js/okzoom.js'></script>
    <script type="text/javascript" src="js/irarriba.js"></script>

De lo que sí estoy seguro es que no es un problema del .htaccess ni del Pretty URLs, ya que anteriormente intenté hacerlo pero sin usar esta manera más fácil si no que crear los directorios por mi cuenta. Por ejemplo, crear la carpeta cuenta, dentro de ella la carpeta estadisticas, y dentro de estadisticas ponía index. Pero esta manera daba mucho trabajo lógicamente, y ahí comprobé que no me servía esto del CSS.

Si agrego un RewriteRule RewriteRule ^test estadisticas.php, accedo desde http://localhost/test y me muestra todo bien, pero si agrego un / más al link mencionado ya me muestra automáticamente mal todo como en la imagen, el problema es evidentemente en los directorios.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder