PDA

View Full Version : CSS3 Dreamweaver issue


designer_282
09-06-2011, 04:55 PM
I was messing around with css3 and noticed that in Dreamweaver it's not showing the code I'm typing in. I know the code is correct because I was on the w3school.com editor and pasted in the code and it worked.

So, does Dreamweaver support CSS3?

Here's the code I was playing with for reference:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
div {
width: 300px;
height:300px;
background-color:#0033FF;
box-shadow: 10px 10px 10px #999;
}

</style>
</head>

<body>
<div></div>
</body>
</html>

gentleone
09-06-2011, 05:53 PM
Design View? Probably not. Live View? Maybe. Modern browser? For sure.

What version of DW do you have?

designer_282
09-06-2011, 06:14 PM
Design View? Probably not. Live View? Maybe. Modern browser? For sure.

What version of DW do you have?

Nothing on live view or design view.
I have dreamweaver cs5.5

gentleone
09-06-2011, 06:28 PM
Okay... well, the renderring engine of DW is WebKit, so you probably need to add the vendor prefix of WebKit. And don't forget Mozilla prefix for Firefox 3.
http://www.mightymeta.co.uk/1103/no-more-need-for-some-css3-vendor-prefixes/

DWcourse
09-09-2011, 06:48 PM
Design view you can forget about showing CSS3 in live view you'll need the webkit and mozilla extensions as mentioned:

-webkit-box-shadow: 10px 10px 10px 10px #999;
-moz-box-shadow: 10px 10px 10px 10px #999;
box-shadow: 10px 10px 10px 10px #999;

Still won't work with pre version 9 IE.

There's a simple CSS3 generator at http://css3generator.com/