[SOLVED] Rewrite engine

[Jesterhead]

Hello everyone,

It's me again with a silly question.

As codestryke told me in my previous topic, you can rewrite your url's trough the htaccess file.
I tried it and.. success!

Code: [Select]

RewriteEngine On
RewriteRule ^([A-Za-z0-9]+)$ index.php?page=$1

So I also wanted to use this for nice profile and activate links.

Code: [Select]

RewriteEngine On
RewriteRule ^([A-Za-z0-9]+)$ index.php?page=$1
RewriteRule ^profile/([A-Za-z0-9]+)$ index.php?page=profile&id=$1
RewriteRule ^activate/([A-Za-z0-9]+)$ index.php?page=activate&id=$1
This works, the code is excecuted. Altough.. all my css styles are ignored (and it looks like a 3 year old kid made it).
I tried bascially everything i could think of. Any idea's?

Thank you!

[Marek]

This is a side effect of rewriting urls, because of relative links. When a link is relative (when it doesn't begin with a slash) the browser will try to resolve it relative to the page being viewed. Since you introducted url rewriting, the browser is looked at a url like "/profile/blah" so it's looking for your css relative to the (non-existent) /profile/ directory.

The solution is to change your all relative your links absolute links (with an initial slash). This way the browser will always load /style.css (at the root) regardless of the URL.

[Jesterhead]

Thank you for your resonse,

So in fact I have to change every link in all my files to fix this? such as:

Code: [Select]

<?php include('navigation.php'); ?> to <?php include('/navigation.php'); ?>
<img src="images/avatar.png"> to <img src="/images/avatar.png">
<a href='home'> to <a href='/home'>
<form action='register'> to <form action='/register'>

Or only a specific one?

[Nox]

nano meant in CSS... dunno how to do dynamically except using find&replace or LessCSS(LessPHP) etc.

the code would most likely not work 'cause include not prefixed by http: does not use http but filesystem request and / would point to root folder of the drive, while root might be something like

Code: [Select]

/hosting/www/<yourdomain>/<yoursubdomain>/

[Jesterhead]

Thank you!
I'm glad it's only changing 1 link. This fixed it:

Code: [Select]

<link href="http://www.mydomain.be/folder/stylesheets/style.css" rel="stylesheet" type="text/css" media="screen" />
I like these forums

[Nox]

Well... probably not as long as you would use background images... then you'll have to maintain the links inside CSS too