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>
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.
FrontPage Support:
http://www.frontpagemvps.com/
http://www.rxs-enterprises.org/fp
"Tony M" <(E-Mail Removed)> wrote in message
news:(E-Mail Removed):
> 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>