Templates and Broken Images
When relative URLs are used in templates for images, links, and external files like CSS and JavaScript, the URLs can break when the page is used.
Relative links work when the web page is displayed with the URL where the page is actually at. But if the software makes a copy of the page and then displays the page from within itself, the URL in the browser is different than the URL of the web page. That causes relative links to break.
The solution is to either use absolute http://... URLs throughout the template web page or, which might be easier, put a BASE tag into the page. The BASE tag's href would be the absolute URL of the template web page file.
The BASE tag tells the browser to determine relative URLs as if the page was at the URL specified in the BASE tag, regardless where the page is actually displayed at.
Example:
<base href="http://www.example.net/answer.html" />
The BASE tag should be the first line of the head area above the first place where a relative URL is used. For example, if you import an external CSS file with a relative URL, the BASE tag should be above it.
Will Bontrager
Was this blog post helpful to you?
(anonymous form)
All information in WillMaster Blog articles is presented AS-IS.
We only suggest and recommend what we believe is of value.
As remuneration for the time and research involved to provide quality links,
we generally use affiliate links when we can.
Whenever we link to something not our own, you should assume
they are affiliate links or that we benefit in some way.
Recent Articles in the Library
File Uploader
This file uploader is complete as one PHP script. No external modules or classes are required. Optional login for private use.
Fun Jumper
This fun jumper is easy to implement. Paste the code into one of your web pages. When you are ready to define your own content, replace the image tag.
The HTML optgroup Tag
The HTML <optgroup> tag allows you to group items in a dropdown list.
Determining Div Location
I generally get the location and dimension numbers of a div with the JavaScript getBoundingClientRect() function. Then access the numbers I need from the function's return value.
Site-wide Login System
A site-wide log-in system that lets pretty much any directory be password protected.
Image Show
With the no-custimizations-required script, it is now relatively easy to show off a series of images on your web page.
A Variables Dump
This PHP function returns details about the variable that is being dumped.
