× The internal search function is temporarily non-functional. The current search engine is no longer viable and we are researching alternatives.
As a stop gap measure, we are using Google's custom search engine service.
If you know of an easy to use, open source, search engine ... please contact support@midrange.com.


  1.  Home
  2. WEB400
  3. January 2017

Re: external CSS style sheets problem

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>

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

</head>

<body>

<h1>Mobile Order Entry</h1>

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

<!-- <center> -->

<table class="form-table">

<tr>

....






As an Amazon Associate we earn from qualifying purchases.

This thread ...
Follow-Ups:
Replies:
Follow On AppleNews
Return to Archive home page | Return to MIDRANGE.COM home page

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.