Making each HTML page the same style- but how?

Julian Milano · Jul 21, 2003

I have around 100 HTML pages where each has it's own defined formatting for
page & text. I was told that to make all pages conferr to a particular
formatting style, I could use a style-sheet. So, I added the following line
to each file:

<link href="pagestyle.css" rel="stylesheet" type="text/css">

and in a file called "pagestyle.css", I have the following:

BODY { scrollbar-arrow-color: #DDEEFF;
scrollbar-3dlight-color: #13486D;
scrollbar-highlight-color: #DDEEFF;
scrollbar-face-color: #1C5780;
scrollbar-shadow-color: #DDEEFF;
scrollbar-darkshadow-color: #13486D;
scrollbar-track-color: #13486D;
color: #FFFFFF;
background: #13486D;
cursor:default; font-family:Curlz MT; font-size:24pt
}
SELECT {COLOR: #DDEEFF;
BACKGROUND-COLOR: #13486D;
width: 100%; font-style:normal; font-variant:normal; font-weight:normal;
font-size:14pt; font-family:Twentieth Century Poster1
}
TEXTAREA {
COLOR: #DDEEFF;
BACKGROUND-COLOR: #13486D;
padding-left:0px;
border: 1px none #ddeeff; ; font-style:normal; font-variant:normal;
font-weight:normal; font-size:18pt; font-family:Terminal
}

The only formatting change I get is that the background of each page turns
to blue, but the text stays the same for each page, not taking its new
formatting from the style sheet. What am I doing wrong?

Sorry about the long msg, but here's the first half of my file:

<html>
<link href="pagestyle.css" rel="stylesheet" type="text/css">
<head>
<meta name=Generator content="Microsoft FrontPage 4.0">
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=Originator content="Microsoft Word 9">
<TITLE>Chapter 3 - Viewing and Updating Student Information, Assigning and
Changing Classes, and Suspending and Terminating Students</TITLE>

<style>

</style>
</head>

<body lang=EN-AU>

<table border="0" width="100%" bgcolor="#C0C0C0">
<tr>
<td>

<h1><a name="_Toc30678285"></a>Chapter 3 -
Viewing and Updating Student Information, Assigning and Changing Classes,
and
Suspending and Terminating Students</h1>

</td>
</tr>
</table>

This
chapter is pertinent to all IYPsystem options. 


This chapter
discusses how to:

 

<ul style="MARGIN-TOP: 0cm" type=disc>
<li class=MsoNormal>View student records
<li class=MsoNormal>Change (update) student
information 
<li class=MsoNormal>Assign students to new
classes
<li class=MsoNormal>Change class
assignments
<li class=MsoNormal>Suspend students
<li class=MsoNormal>Terminate students 
</li>
</ul>

To do any of these tasks,
begin by clicking the Enrolled Students
Only or Include Discharges
buttons from the Main Menu (Figure 3.1). 
 
<IMG height=328
src="./Chapter%203%20-%20Viewing%20and%20Updating%20Student%20Information_fi
les/image004.gif"

width=356 >
 
 

·   
Enrolled Students Only enables you
to
retrieve the records of students who are currently enrolled

·   
Include Discharges enables you to
retrieve the records of students who are currently enrolled and
students who have been discharged
during the current school year.

 

The
Student Information form then appears.

Chapter 3 QuickJump
Index:

How can I fix the formatting?

Stefan B Rusynko · Jul 21, 2003

CSS Styles are applied at 3 levels in order of priority) and are based on how you apply them

First of all, Any HHTML formatting "rules" over any CSS styles
So a Html tag like will rule over any styles

Then the styles are applied in the following Order:

1st inline styles in your html as in:

- Remove all your inline styles in your pages

2nd embedded styles in your HEAD section as in:
<style> </style>
- Remove those embedded styles, or copy them to your stylesheet

3rd external styles (linked style sheets) as in your link:
<link href="pagestyle.css" rel="stylesheet" type="text/css">

Also your inline styles (like style="MARGIN-LEFT: 46.8pt; TEXT-INDENT: -10.8pt") are word processor based and not globally supported
in Html
--

| I have around 100 HTML pages where each has it's own defined formatting for
| page & text. I was told that to make all pages conferr to a particular
| formatting style, I could use a style-sheet. So, I added the following line
| to each file:
|
| <link href="pagestyle.css" rel="stylesheet" type="text/css">
|
| and in a file called "pagestyle.css", I have the following:
|
| BODY { scrollbar-arrow-color: #DDEEFF;
| scrollbar-3dlight-color: #13486D;
| scrollbar-highlight-color: #DDEEFF;
| scrollbar-face-color: #1C5780;
| scrollbar-shadow-color: #DDEEFF;
| scrollbar-darkshadow-color: #13486D;
| scrollbar-track-color: #13486D;
| color: #FFFFFF;
| background: #13486D;
| cursor:default; font-family:Curlz MT; font-size:24pt
| }
| SELECT {COLOR: #DDEEFF;
| BACKGROUND-COLOR: #13486D;
| width: 100%; font-style:normal; font-variant:normal; font-weight:normal;
| font-size:14pt; font-family:Twentieth Century Poster1
| }
| TEXTAREA {
| COLOR: #DDEEFF;
| BACKGROUND-COLOR: #13486D;
| padding-left:0px;
| border: 1px none #ddeeff; ; font-style:normal; font-variant:normal;
| font-weight:normal; font-size:18pt; font-family:Terminal
| }
|
| The only formatting change I get is that the background of each page turns
| to blue, but the text stays the same for each page, not taking its new
| formatting from the style sheet. What am I doing wrong?
|
| Sorry about the long msg, but here's the first half of my file:
|
| <html>
| <link href="pagestyle.css" rel="stylesheet" type="text/css">
| <head>
| <meta name=Generator content="Microsoft FrontPage 4.0">
| <meta http-equiv=Content-Type content="text/html; charset=windows-1252">
| <meta name=Originator content="Microsoft Word 9">
| <TITLE>Chapter 3 - Viewing and Updating Student Information, Assigning and
| Changing Classes, and Suspending and Terminating Students</TITLE>
|
| <style>
| 
| </style>
| </head>
|
| <body lang=EN-AU>
|
| <table border="0" width="100%" bgcolor="#C0C0C0">
| <tr>
| <td>
|
| <h1><a name="_Toc30678285"></a>Chapter 3 -
| Viewing and Updating Student Information, Assigning and Changing Classes,
| and
| Suspending and Terminating Students</h1>
|
| </td>
| </tr>
| </table>
|
| This
| chapter is pertinent to all IYPsystem options. 
| 
|
| This chapter
| discusses how to:
|
|
| 
|
| <ul style="MARGIN-TOP: 0cm" type=disc>
| <li class=MsoNormal>View student records
| <li class=MsoNormal>Change (update) student
| information 
| <li class=MsoNormal>Assign students to new
| classes
| <li class=MsoNormal>Change class
| assignments
| <li class=MsoNormal>Suspend students
| <li class=MsoNormal>Terminate students 
| </li>
| </ul>
|
| To do any of these tasks,
| begin by clicking the Enrolled Students
| Only or Include Discharges
| buttons from the Main Menu (Figure 3.1). 
| 
| <IMG height=328
| src="./Chapter%203%20-%20Viewing%20and%20Updating%20Student%20Information_fi
| les/image004.gif"
|
| width=356 >
| 
| 
|
| ·   
| Enrolled Students Only enables you
| to
| retrieve the records of students who are currently enrolled
|
| ·   
| Include Discharges enables you to
| retrieve the records of students who are currently enrolled and
| students who have been discharged
| during the current school year.
|
|  
|
| The
| Student Information form then appears.
|
| Chapter 3 QuickJump
| Index:
|
| How can I fix the formatting?
|
|
|
| --
|
|
| Julian Milano
|
|

Making each HTML page the same style- but how?

Julian Milano

Stefan B Rusynko