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>
....
midrange.com
