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:
North America
Europe, Middle East and Africa
Asia Pacific