I'm not sure I understood your structure correctly. There are choices but the most common pattern used would be a file structure like this:

* /www/articles/htdocs and put your .html, .css, js, and .json & .xml
files in htdocs.
* At some point you may wish to add an "images" folder to htdocs to
hold your images.

If you go this route you will want your line to say:


<link rel="stylesheet"type="text/css" href="mobile.css">

ps: It looks like you are doing some exploring. I might suggest that there most likely already exists a directory with your user name as "/www/youruserid." If so, it will make your life easier in the future if you put the "articles" folder in your own directory.

On 1/30/2017 1:51 AM, gio.cot wrote:
Hi all

I'm trying to follow this <http://iprodeveloper.com/author/brian-may>
Brian May's article at
part-2-add-css-and-html5-features ; I use RDI for editing HTML and CSS in
IFS and this is my problem :

1. I created the css file inside the subdirectory in my /articles/

2. In the HTML I added this line <link rel="stylesheet"
type="text/css" href="/articles/css/mobile.css">

3. And all other step suggested in the document

Now when I try to display the HTML preview (in RDI) or when I run my
application from browser, the css style don't work

Where am I wrong ?

Thanks in advance

This is my folder structure in IFS







This my source file

Css (/www/articles/CSS/mobile.css)

body {

background: #00294f;

color: red ;

text-align: center ;


h1 {

text-align: center;


.form-table {

border: none;

margin-left: auto;

margin-right: auto;


.form-label {

text-align: right;

HTML (/www/articles/htdocs/mobileorder.html)



<link rel="stylesheet" type="text/css" href="/articles/CSS/mobile.css">

<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, target-densitydpi=device-dpi" />

<title>Order Entry</title>

<!-- <style type="text/css">body {background: #00294f; color: white}
h1{text-align: center;}</style> -->



<h1>Mobile Order Entry</h1>

<form action="/cgi-bin/mobileord.pgm" method="post">

<!-- <center> -->

<table class="form-table">



As an Amazon Associate we earn from qualifying purchases.

This thread ...


Follow On AppleNews
Return to Archive home page | Return to MIDRANGE.COM home page

This mailing list archive is Copyright 1997-2022 by midrange.com and David Gibbs as a compilation work. Use of the archive is restricted to research of a business or technical nature. Any other uses are prohibited. Full details are available on our policy page. If you have questions about this, please contact [javascript protected email address].

Operating expenses for this site are earned using the Amazon Associate program and Google Adsense.