El problema que estás experimentando con la carga de archivos CSS
se debe a que estás utilizando rutas relativas en tus archivos HTML
o PHP
y, debido a la redirección que se está realizando a través de tu archivo .htaccess
, estas rutas relativas no son válidas para las páginas que se muestran después de la redirección.
Para solucionar este problema, puedes usar rutas absolutas en tus archivos HTML
o PHP
. Esto significa que en lugar de utilizar una ruta relativa como "css/styles.css"
, debes utilizar una ruta absoluta como "/css/styles.css"
que comienza desde la raíz del sitio web.
Otra forma de solucionar este problema es agregar una etiqueta base en la sección head
de tus archivos HTML
. La etiqueta base le indica al navegador la ruta base que se utilizará para todas las rutas relativas en la página. Por ejemplo, si tu sitio web está en la carpeta "Rutas Amigables", puedes agregar la siguiente etiqueta base en tus archivos HTML
:
<base href="/Rutas%20Amigables/" />
Con esta etiqueta base, todas las rutas relativas en la página se resolverán a partir de la carpeta "Rutas Amigables", lo que garantiza que los archivos CSS se carguen correctamente en todas las páginas, incluso después de la redirección.
Además, te recomiendo que uses la función urlencode() de PHP para codificar las rutas amigables antes de utilizarlas en tus enlaces. Por ejemplo, en lugar de escribir:
<a href="producto/10/papas-rufles">Papas Rufles</a>
Debes escribir:
<a href="<?php echo urlencode('producto/10/papas-rufles'); ?>">Papas Rufles</a>
De esta forma, garantizas que las rutas amigables se codifican correctamente y se pueden procesar adecuadamente en tu archivo .htaccess.
/