I require assistance. This situation is absolutely absurd.
Currently, I am utilizing Komodo IDE version 7.1.2 and Firefox version 15.0.1.
The HTML5 file that I created looks like this:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="utf-8" />
<title>Web Page</title>
<link rel="stylesheet" type="css/text" href="css/global.css" />
</head>
<body>
<div id="release">Release Date</div>
</body>
</html>
The global stylesheet contains the following code and is located in a directory at the same level as the HTML file named css:
#release {
text-align: center;
font: small-caps;
border-top: solid 1px;
border-bottom: solid 1px;
border-right: solid 10px;
}
Illustrated below is the directory structure:
Incorporating the same styling into the HTML file has led to success, but unfortunately, the external stylesheet is not rendering the desired style. As someone experienced in website development, this is truly perplexing.
I have attempted this on two Windows 7 machines and one Ubuntu 11.10 machine with identical results.
Here is the working fiddle link:
What might be causing this issue?