Really stupid basic HTML problem!

Discussion in 'Software' started by mcadam, Jun 10, 2010.

  1. mcadam

    mcadam Major Amnesia

    I'm going over some basics of HTML again (to refresh and actually learning new stuff!), but created a really simple HTML page and it's not displaying properly in Firefox.

    Can someone just double check this for me? - http://www.moon-recording.com/css/html1.html
     
    mcadam, Jun 10, 2010
    #1
  2. abz1nthe

    abz1nthe Command Sergeant Major

    Well when I click on the link I get a white background with the following:

    <html>

    <body>


    <h1>My First Heading</h1>


    <p>My first paragraph.</p>


    </body>

    </html>
     
    abz1nthe, Jun 10, 2010
    #2
  3. theefool

    theefool Geekified

    Seems you are using cocoa html writer?

    I personally prefer pspad. Which doesn't add a ton of clutter that is not needed, on your site. Though, you do have to code everything by hand. :)
     
    theefool, Jun 10, 2010
    #3
  4. mcadam

    mcadam Major Amnesia

    Exactly, so that's why I'm asking for help!!!

    theefool - nope I'm using the standard Text Edit in Mac (Notepad equivalent) and have written everything by hand.
     
    mcadam, Jun 10, 2010
    #4
  5. theefool

    theefool Geekified

    Well, your code looks like this:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title></title>
  <meta name="Generator" content="Cocoa HTML Writer">
  <meta name="CocoaVersion" content="949.54">
  <style type="text/css">
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}
  </style>
</head>
<body>
<p class="p1">&lt;html&gt;</p>
<p class="p1">&lt;body&gt;</p>
<p class="p2"><br></p>
<p class="p1">&lt;h1&gt;My First Heading&lt;/h1&gt;</p>
<p class="p2"><br></p>
<p class="p1">&lt;p&gt;My first paragraph.&lt;/p&gt;</p>
<p class="p2"><br></p>
<p class="p1">&lt;/body&gt;</p>
<p class="p1">&lt;/html&gt;</p>
<p class="p2"><br></p>
</body></html>
    When it should look like this:

    Code:
    <html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
     
    Last edited: Jun 10, 2010
    theefool, Jun 10, 2010
    #5
  6. theefool

    theefool Geekified

    theefool, Jun 10, 2010
    #6
  7. mcadam

    mcadam Major Amnesia

    Thanks mate, unfortunately it didn't help. Really stumped by this!
     
    mcadam, Jun 10, 2010
    #7
  8. mcadam

    mcadam Major Amnesia

    mcadam, Jun 10, 2010
    #8
  9. theefool

    theefool Geekified

    Much better!
     
    theefool, Jun 10, 2010
    #9
  10. mcadam

    mcadam Major Amnesia

    Thanks very much for your help matey :)
     
    mcadam, Jun 10, 2010
    #10

MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds