5 Replies Latest reply: May 3, 2012 7:16 AM by Osmigo1 RSS

    Still can't get styles to render in Design View

    Osmigo1

      Using DW CS5.5. Looking at David's online tutorial. I can NOT get the styles to render in the design or any other window. Everything remains exactly as it was before I created the CSS, like it never happened. Please help.

       

      "Screen Media Type" and "Display Styles" are checked in View/Style Rendering. The Display CSS toggle is on in the Style Rendering Toolbar.

       

      Here's the code for the style sheet:

       

      @charset "utf-8";

      /* CSS Document */

       

      #container {

          width: 968px;

          background: #FFF;

          margin: 0 auto;

          padding-left: 10px;

          padding-right; 10px;

          overflow: hidden;

      }

       

      Here's the code for the page:

       

      <!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>Check Magazine</title>

      <link href="styles/check_cs5.css" rel="stylesheet" type="text/css" />

      </head>

       

      <body>

      <div id="Container">

        <div id="Banner"><img src="images/banner.gif" width="968" height="100" alt="Check Magazine" /></div>

        <div id="main_image">Content for  id "main_image" Goes Here</div>

        <div id="left_column">Content for  id "left_column" Goes Here</div>

        <div id="center_column">Content for  id "center_column" Goes Here</div>

        <div id="right_column">Content for  id "right_column" Goes Here</div>

      </div>

      </body>

      </html>

       

      The CSS seems to be saved and attached correctly:

      csscode.JPG