Re: external CSS style sheets problem -- WEB400

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
http://iprodeveloper.com/application-development/move-your-web-apps-forward-
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

www

articles

CSS

mobile.css

htdocs

mobileorder.html

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)

<html>

<head>

<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>



</head>

<body>

<h1>Mobile Order Entry</h1>

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



<table class="form-table">

<tr>

....

This mailing list archive is Copyright 1997-2024 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.