Somehow my new lightbox screwed up mod rewrite

For many years I have been using mod rewrite to make cleaner URLs. The following addresses, in theory, should present the same.

http://www.oil-testimonials.com/essential-oils/4313

and

http://www.oil-testimonials.com/essential-oils.php?tID=4313

Recently I implemented option #4, which uses “Lightbox gone wild” to display a simple form for emailing the testimonials to a friend. The form you see at the bottom of the page will be yanked out as soon as I can figure out what’s going on.

If I use the full URL, then the CSS is correctly applied to the text. If I use the mod rewrite URL, then the CSS does not work, nor does the lightbox found on option #4.

Can someone help me see what I’m overlooking?

Thanks!

The paths of the css and js files are specified relatively, so the browser is looking for e.g. [noparse]/essential-oils/css/lightbox.css[/noparse] while it should be looking for /css/lightbox.css

To solve this either make the location of the css and js files absolute in the HTML (i.e. /css/lightbox.css instead of css/lightbox.css) OR add a <base> tag to the HTML.

Thank you! How does it feel to have “saved the day” ?

Like this: :smiley: