1 Reply Latest reply on Jun 1, 2010 5:32 PM by StudentsofShiloh

    Why can't I change the color of the h1?

    StudentsofShiloh Level 1

      I'm working on a site and all of my CSS is working properly but I'm having trouble changing the color of the h1.  I can change the font, the size, bold....everything EXCEPT the color.

       

      I duplicated my page and CSS and began to deconstruct the page elements as well as the CSS and I have gotten down to this basic coding and it still will not show red text for h1 even when I have it coded that way in the CSS.  The Design View in DW shows red but when I preview in a browser, it shows black.

       

      I'm pulling my hair out trying to figure it out.  I've never run into  this before.  What am I doing wrong?

       

      My deconstructed page - http://soleproductions.com/oakley/index2.html


      My HTML:

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Hello World</title>
      <style type="text/css">
      <!--
      -->
      </style>
      <link href="styles2.css" rel="stylesheet" type="text/css" />

       

      </head>

       

      <body>

       

      <h1>Hello World  </h1>

       

      </body>
      </html>

       

      My CSS:

       

      @charset "utf-8";
      h1 {
          color: f03a23;
      }