I need help finding the text in this code and fixing it?

Question

I cant find the text in browser when i use this code, caan someone please help me out telling me my errors i cant seem to find the problem its all simple html and css

<html>
    <head>  <title>Header example</title>

    </head>
<style>
body {background: green; 
    height:100%;
    margin:0; padding:0;
    }

#header1 {z-index:2; 
    position:fixed; top:0; left:0; 
    width:100%; height:30%;
    }

p1 {background:#FFFF00;
    position:absolute; top: 80%; left: 5%; 
    height: 40%; width: 100%;
}
</style>
</head>

<body>
<body oncontextmenu="return false;">


        <div id="header1"> <img src="Head_img.gif" width="100%" height="100%" />
        </div>

    <div id="p1">
<p Text text text text text text text textText text text text text text text text Text text text text text text text text </p>
    </div>
</body>

</html>

score 1 · Answer 1 · answered Sep 17 '12 at 21:11

<p> Text text text text text text text textText text text text text text text text Text text text text text text text text </p>

not

<p Text text text text text text text textText text text text text text text text Text text text text text text text text </p>

score 1 · Accepted Answer · answered Sep 17 '12 at 21:16

Five major issues:

You have no <!DOCTYPE>
You have two <body> opening tags.
You have two </head> closing tags.
Your <style> block is sort of in a <head> tag.
You never properly open your <p> tag.

One minor issue:

Your <img /> tag should have an alt attribute that holds some text describing what's in that image.

This code should work:

<!DOCTYPE html>

<html>
<head>
  <title>Header example</title>
  <style type="text/css">
body {background: green; 
    height:100%;
    margin:0; padding:0;
    }
  #header1 {z-index:2; 
    position:fixed; top:0; left:0; 
    width:100%; height:30%;
    }
  p1 {background:#FFFF00;
    position:absolute; top: 80%; left: 5%; 
    height: 40%; width: 100%;
  }
  </style>
</head>

<body>
  <div id="header1"><img src="Head_img.gif" width="100%" height="100%"></div>

  <div id="p1">
    <p>Text text text text text text text textText text text text text text text text Text text text text text text text text</p>
  </div>
</body>
</html>

score 0 · Answer 3 · answered Sep 17 '12 at 21:09

0

Well your <p> element does not have any end >...

<p Text

Should be

<p> Text

answered Sep 17 '12 at 21:09

Max Allan

640
5
18

I need help finding the text in this code and fixing it?

3 Answers3