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

maybe remove the opening forward slash. that makes it an absolute path, no?


On Mon, Jan 30, 2017 at 2:51 AM, gio.cot <gio.cot@xxxxxxxxxxx> 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>

....







--
This is the Web Enabling the IBM i (AS/400 and iSeries) (WEB400) mailing
list
To post a message email: WEB400@xxxxxxxxxxxx
To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives
at http://archive.midrange.com/web400.



As an Amazon Associate we earn from qualifying purchases.

This thread ...

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.