Community

    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    my css code for color not working and error message when run

    Help wanted · · · – – – · · ·
    css color run error
    3
    5
    116
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Michelle Vedros
      Michelle Vedros last edited by

      I can not get the background or text to change colors. I am using HTML and CSS. The javascript and margins structures work. When I run it, Notepad++ says: Syntax error line: 1, pos:1 and [null] line: 9, pos:4. I am using chrome and tried firefox. Here is my code:
      <!DOCTYPE html>
      <html>
      <head>
      <title>My First Web Page </title>
      <meta name=“description” content=“Page Description Here”/>
      <meta http-equiv=“Content-Type” content=“text/html”; charset=“utf-8”/>
      <meta name=“viewport” content=“width=device-width, initial-scale=1”/>
      <style type=“text/css”>
      Body{

      	    background-color: red;
      		color:blue;
      		
      	}
      </style>
      	<script>
      		function myFunction() {
      			var x = document.getElementById ("fname");
      			x.value = x.value.toUpperCase();
      		}
      	</script>
      

      </head>

      <body>
      This is a Sample HtmL Document.
      This Javascript function will capitalize my name:
      Enter your name: <input type=“text” id=“fname” onchange=“myFunction()”>
      </body>
      </html>

      Lycan Thrope 1 Reply Last reply Reply Quote 0
      • Lycan Thrope
        Lycan Thrope @Michelle Vedros last edited by

        @Michelle-Vedros ,
        So what does this have to do with NPP? NPP is not a browser. It is a text editor, so I’m at a loss as to what you expect to happen.

        Michelle Vedros 1 Reply Last reply Reply Quote 1
        • Michelle Vedros
          Michelle Vedros @Lycan Thrope last edited by

          @Lycan-Thrope When I try to run it in NPP, it shows errors: Syntax line1:pos1 [null line 9: pos 4], but I don’t see the error. I was wondering if someone else could.

          PeterJones Lycan Thrope 2 Replies Last reply Reply Quote 0
          • PeterJones
            PeterJones @Michelle Vedros last edited by PeterJones

            @Michelle-Vedros ,

            Notepad++ doesn’t “run” HTML/CSS/JS, so your problem statement is incorrect from the get-go.

            In case you have confused Notepad++ with the PreviewHTML plugin that you may have installed – PreviewHTML uses an ancient rendering engine at its core, which (I believe) predates the HTML5 you are using – and I wouldn’t doubt if it gave anomolous results for anything but basic HTML. It is likely that other plugins that embed a rendering engine also may not be up to the task. Use a real browser for rendering HTML5, and let Notepad++ do what it’s good at: helping you edit the underlying source code.

            Once you do use a browser for rendering it, if you are still having trouble getting your HTML + CSS + JS to work, you should find a forum dedicated to HTML + CSS + JS, not a forum about the text editor that you happened to use to type that code: whether you type the code with Notepad++ (your best bet) or notepad.exe or COPY CON, the resulting HTML + CSS + JS will be the same. As it has been colloquially phrased, we cannot be expected to help you bake your cookies just because you use Notepad++ to type the recipie (see our FAQ for that reference).

            1 Reply Last reply Reply Quote 3
            • Lycan Thrope
              Lycan Thrope @Michelle Vedros last edited by

              @Michelle-Vedros ,
              In addition to what @PeterJones has pointed out to you, your code doesn’t work, even when you use the Notepad++ menu’s View->View Current File in->(browser choice) to view it. That’s because your code is in error. You need to consult an HTML/CSS/Javascript site, like the W3C Schools courses to better learn what you did wrong. I tried your code that way and in both Chrome and Firefox and it did exactly what you coded it to do. It just didn’t do what you wanted it to do, and that’s why I’ve just given you the link you need to follow to learn how to do it right.

              1 Reply Last reply Reply Quote 3
              • First post
                Last post
              Copyright © 2014 NodeBB Forums | Contributors