newbie help please: importing DW designs
hi everyone, i'm a new developer to the designer actinic package and could really do with a bit of help on things if you dont mind...
i did the actinic designer course and one of the first things is importing a dw design, now it all works fine and dandy with the example files provided from the course, but my design just wont clip on, it misses out all sorts of elements and is is getting quite frustrating, i have tried creating the same design using different methods but i cant get it all in as simple as was implied in the training...
if i post the very simple html file that i am trying to import maybe someone here can tell me why it isn't getting into actinic:
obviously i have not added the actinic stuff into the design yet, i cant get that far 
help very much appreciated...
i did the actinic designer course and one of the first things is importing a dw design, now it all works fine and dandy with the example files provided from the course, but my design just wont clip on, it misses out all sorts of elements and is is getting quite frustrating, i have tried creating the same design using different methods but i cant get it all in as simple as was implied in the training...
if i post the very simple html file that i am trying to import maybe someone here can tell me why it isn't getting into actinic:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
* {
padding: 0; margin: 0;
}
#container {
padding-top: 20px;
width: 803px;
margin: 0 auto;
height: 100%;
}
#header {
height: 122px;
width: 100%;
background: url(header.png) no-repeat top;
}
#main {
position: relative;
height: 100%;
width: 100%;
background: url(borderback.png) repeat-y;
}
#mainsplash {
position: absolute;
background: url(mainsplash.png) no-repeat;
width: 140px;
height: 181px;
top: 0;
left: 0px;
z-index: 5;
}
#navbar {
height: 30px;
width: 100%;
border: dashed 1px solid #0099CC;
z-index: 8;
}
#leftcolumn {
float: left;
width: 150px;
margin: 7px; padding: 0;
}
#rightcolumn {
float: left;
width: 625px;
margin: 7px; padding: 0;
}
#footersplash {
position: absolute;
background: url(minisplash.png) no-repeat bottom right;
width: 45px;
height: 64px;
bottom: 0;
right: 0;
}
#footer {
height: 25px;
width: 100%;
background: url(footer.png) no-repeat bottom;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="main">
<div id="navbar">
</div>
<div id="content">
<div id="leftcolumn">
</div>
<div id="rightcolumn">
</div>
</div>
<!--<div id="mainsplash"></div>
<div id="footersplash"></div>-->
</div>
<div id="footer">
</div>
</div>
</body>
</html>
help very much appreciated...
Comment