-
1. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
mhollis55 Jan 20, 2012 10:41 AM (in response to MattBru)Because design view is not made for that.
You can use "Live View" to see what things look like, but I prefer to use a real browser, myself. It's not that I don't trust Adobe's Live View, it's that I do not know what browser model Adobe is trying to follow. Real browsers will show what real browsers will render.
As to HTML5 and CSS3, these are not standards yet.
What you have is a whole series of proposals for standards. If you want to build a website that fits agreed-upon standards, you should be using HTML4 or XHTML 1.0 or 1.1.
-
2. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
osgood_ Jan 20, 2012 10:43 AM (in response to MattBru)I'm not up to speed yet with html5 but having just tested the 'section' element it seems to take onboard the css styling in CS4 so CS5.5 must be able to show it.
Quickly adding you may be using css3 spec which is not yet supported?
-
3. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
MattBru Jan 20, 2012 10:53 AM (in response to osgood_)Im using <!DOCTYPE HTML> (html5's doctype) plus the html5 shiv:
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Heres my css:
<style>
section {
width:300px; height: 100px;
padding: 90px; margin: 25px;
border: 1px #f1bd38 solid;
background-color: #999;
}
</style>
and in the body:
<section>
<p>This is a section</p>
</section>
Its styling it, but its not displaying it exactly how it "should" (should be looking block level, and acting like a div).
Oooh well. I just wont be using html5 just yet. Like you said, its not entirely set in stone yet.
Thanks for your quick replies!
-
4. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
mhollis55 Jan 20, 2012 10:58 AM (in response to osgood_)Well we are all "getting up to speed" with HTML5 because, as it stands, it is still not a standard.
As to styling in CS4 vs CS5.5, Dreamweaver is an engine that assists in making good HTML code. It's agnostic. If you don't close your tags properly in CS 5.5 and then open the same document in CS4, it will notice that you did not close your tags properly.
Adobe makes plugins that will allow CS4 to do code hinting properly with HTML5 selectors and CSS3, assuming the document is peroperly defined as an HTML5 document.
Here is the beginning of one of my most recent HTML5 documents:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Page Title Goes Here</title>
<link href="css/normal.css" rel="stylesheet" type="text/css" media="all">
<link href="css/navigation.css" rel="stylesheet" type="text/css" media="all">
<!-- include CSS before the Shiv -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
…
This works.
-
5. Re: Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
osgood_ Jan 20, 2012 11:05 AM (in response to mhollis55)add display: block; to your section:
<style>
section {
display: block;
width:300px; height: 100px;
padding: 90px; margin: 25px;
border: 1px #f1bd38 solid;
background-color: #999;
}
</style>




