Two HTML similar codes , one working well and another not working why?

Banjika · 06-11-2005, 06:48 AM

I have two codes and they behave in a way I do not understand.
Code (1) is similar to code (2) except for the fact that in case of code (1)
body background color is black as it appears here;
body { background-color: black; }
see complete code for (1) below.

In case of code (2) body background color is forestgreen as it appears here
body { background-color: forestgreen; }

However when I save these two codes as html documents and open them using windows explorer code (1) works well but code (2) doesn`t.

See complete codes below.
Where exactly is the problem?

Code (1)

<html>
<head>
<style type="text/css">

body { background-color: black; }
p { background-color: azure; }
h2 { background-color: red; }

</style>
</head>

<a name="top">

<a href="Webpage Home.html">HOME</a>
align="center"><a href="cameroon.html">MORE ABOUT

CAMEROON</a>
<a href="areas_of_ interest.html">AREAS OF INTEREST</a>
<a href="nso.html">CULTRUAL HERITAGE</a>

<body>
<h2>COMPLETE PAGE COMING SOON !!!!!</h2>
<p> Space and exploration...http://www.explorations.tv/

coming soon</p>
<p>beyond the universe... coming soon</p>

<a href ="#top"> Top </a>
align="center"><a href="cameroon.html">MORE ABOUT

CAMEROON</a>
<a href="Webpage Home.html">HOME</a>
<a href="areas_of_ interest.html">AREAS OF INTEREST</a>
<a href="nso.html">CULTRUAL HERITAGE</a>
</body>
</html>

Code (2)

<html>
<head>
<style type="text/css">

body { background-color: forestgreen; }
p { background-color: azure; }
h2 { background-color: red; }

</style>
</head>

<a name="top">

<a href="Webpage Home.html">HOME</a>
align="center"><a href="cameroon.html">MORE ABOUT

CAMEROON</a>
<a href="areas_of_ interest.html">AREAS OF INTEREST</a>
<a href="nso.html">CULTRUAL HERITAGE</a>

<body>
<h2>COMPLETE PAGE COMING SOON !!!!!</h2>
<p> Space and exploration...http://www.explorations.tv/

coming soon</p>
<p>beyond the universe... coming soon</p>

<a href ="#top"> Top </a>
align="center"><a href="cameroon.html">MORE ABOUT

CAMEROON</a>
<a href="Webpage Home.html">HOME</a>
<a href="areas_of_ interest.html">AREAS OF INTEREST</a>
<a href="nso.html">CULTRUAL HERITAGE</a>
</body>
</html>

imaginemn · 06-11-2005, 07:14 AM

First, of all what exactly is the error or the problem?

Second, you do have some html issues on both pages.

1) You have a missing bracket twice on each of the pages. I am assuming you were trying <P align="center">.

Code:

align="center">

2) You have some HTML links and then the <BODY> tag. I would make sure the <BODY> tag is right after the <HEAD> tag.

Other than that both pages look exactly the same visually in IE 6.

imaginemn