|
| |
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
 |
RE: Using Visual Aids to see divs - 6/4/2008 5:03:53
Thanks Jaybee. Using DW for CSS is new to me too - but I thought I'd try it out.
My inspiration also came from adobe .com - and according to the guru there, DW should show the layout of the nav menu. I just wanna know what I did wrong?? Here's the URL - Adobe
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
|
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Using Visual Aids to see divs - 6/5/2008 3:40:36
Here's the 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=iso-8859-1" />
<title>Untitled Document</title>
<link href="demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="holder">
<div id="header">
<p class="callout">My Fake Company </p>
</div>
<div id="nav"><p>Test</p>
<p>test2 </p></div>
<div id="content">
<div id="div">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur pellentesque massa vitae risus. Etiam iaculis imperdiet leo. Fusce eget dui. Proin at quam et arcu molestie scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent cursus ante eget neque. Cras sem lacus, congue ac, lacinia a, iaculis vitae, massa. Maecenas tincidunt vulputate dui. Pellentesque auctor. Sed mollis diam eget dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sagittis arcu vel purus eleifend placerat. Maecenas tempus gravida nisl. Suspendisse bibendum.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur pellentesque massa vitae risus. Etiam iaculis imperdiet leo. Fusce eget dui. Proin at quam et arcu molestie scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent cursus ante eget neque. </p>
<p>Cras sem lacus, congue ac, lacinia a, iaculis vitae, massa. Maecenas tincidunt vulputate dui. Pellentesque auctor. Sed mollis diam eget dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sagittis arcu vel purus eleifend placerat. Maecenas tempus gravida nisl. Suspendisse bibendum.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur pellentesque massa vitae risus. Etiam iaculis imperdiet leo. Fusce eget dui. Proin at quam et arcu molestie scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent cursus ante eget neque. Cras sem lacus, congue ac, lacinia a, iaculis vitae, massa. Maecenas tincidunt vulputate dui. Pellentesque auctor. Sed mollis diam eget dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sagittis arcu vel purus eleifend placerat. Maecenas tempus gravida nisl. Suspendisse bibendum.</p>
</div>
<p> </p>
<p> </p>
<div id="footer">Content for id "footer" Goes Here</div>
</div>
</div>
</body>
</html>
and here's the stylesheet body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background: #ada189;
text-align: center;
margin: 0px;
padding: 0px;
}
#holder {
width: 760px;
background: #FFFFFF;
text-align: left;
margin: 0 auto 0 auto;
}
#header {
background: #DCCBAC;
}
#nav{
width: 140px;
float: left;
padding: 15px 10px;
}
#content {
margin: 0 0 0 165px;
padding: 15px;
}
#footer {
padding: 5px;
}
.callout {
font: bold 130% Georgia, "Times New Roman", Times, serif;
color: #333;
margin: 0;
padding: 20px 10px;
}
p {
font-size: 80%;
}
I uploaded files to http://www.rightintoit.com/dwcss/index.html
Cheers
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Using Visual Aids to see divs - 6/5/2008 5:22:33
Thanks for taking the time
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
d a v e
Posts: 4088
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: Using Visual Aids to see divs - 6/5/2008 6:48:49
what version of dreamweaver are you using?
_____________________________
David Prescott
Gekko web design
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Using Visual Aids to see divs - 6/8/2008 18:13:17
Dreamweaver 8 Dave!!
I've posted on the Adobe forum without luck!!
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
|
|
paul rayner
Posts: 208
Joined: 3/15/2001
From: yeppoon, qld, aus
Status: offline
|
RE: Using Visual Aids to see divs - 7/9/2008 1:24:56
I found the problem. Solved one in the process of finding another solution.
I went to View/Toolbars/Style rendering.
There's a button there that toggles CSS Display on or off.
Hope this may help someone else.
_____________________________
" In theory, there is no difference between theory and practice. But, in practice, there is!"
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
