CSS Query for learner useing FP 2003 SP2 is this a FP BUG or is it me

  • Thread starter Thread starter Tony M
  • Start date Start date
T

Tony M

I have just started during a tutorial on using CSS in PF 2003 SP2

Below is the html learner page with the simple CSS code

When viewed in DESIGN it displays as it should but when viewed in PREVIEW
all the text remains black
only the <em> works.

Any advice would be much appreciated.

Tony M
===========
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN-AU">
<html>

<head>
<title>A more complex CSS example</title>
<!--<link href="css1.css" rel=stylesheet">-->

<style type="text/css ">

<!--
h1, h4, p { color: red; }
p.blue { color: blue; }


p en { background-color: gray; }

-->
</style>
</head>

<body>

<h1 id=" red">A More <em>Complex</em> Example </h1>
<h4>The Second More Complex Example</h4>

<p class=" blue">This is the first paragraph.</p>

<p class=" blue">The second paragraph contains an <em>emphasised
</em>word.</p>

<p> Finally, we com to the Third paragraph. The <em>ultimate</em> paragraph
</p>


</body>

</html>
 
Your code should be:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-au">
<head>
<title>A more complex CSS example</title>
<!--<link href="css1.css" rel=stylesheet">-->

<style type="text/css">
<!--
h1, h4, p { color: red; }
p.blue { color: blue; }
p em { background-color: gray; }
-->
</style>
</head>

<body>

<h1 id="red">A More <em>Complex</em> Example </h1> <h4>The Second More
Complex Example</h4>

<p class="blue">This is the first paragraph.</p>

<p class="blue">The second paragraph contains an <em>emphasised
</em>word.</p>

<p>Finally, we com to the Third paragraph. The <em>ultimate</em>
paragraph </p>

</body>

</html>
 
Back
Top