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



What have you defined as the document root in your Apache server config? All relative paths in your HTML must by within the document root otherwise the server cannot access them.


[https://www.netcracker.com/assets/img/netcracker-social-final.png] ƕ
On 30 Jan 2017, at 07:52, 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.




________________________________
The information transmitted herein is intended only for the person or entity to which it is addressed and may contain confidential, proprietary and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer.

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.