Click on any phrase to play the video from that point.
Hi, I'm Scott Fegette, project manager for Dreamweaver.
Last time, we took a look at CSS in spec mode
and how it helped you really get more effective with the CSS box model
in Dreamweaver's live view.
Now, we'll go look at a cool new feature that helps you kind of work
a little bit more iteratively and a little bit more interactively with your CSS code,
CSS enable/disable.
So last time, we fixed the margin here.
We kind of got the left hand lined up, but it looks like we've still got
a lot of extra space here.
It's being taken up.
It doesn't really match these other two columns, so when I hop over here to the panel
it looks like we've got a lot of things loaded over there on the right.
We've got 25 pixels of both margin and padding assigned.
So, in this case, I can kind of just selectively disable them, pull out that margin.
Things definitely look a lot better.
I can even play away and pull that padding off too, and sure enough,
it looks like it's inheriting just enough padding to make this thing all hang together.
So, I don't really need these two anymore.
Well, right now, we've just kind of gone through, just to kind of show you,
we've just commented these out basically in the code with a little mark that says disabled
so Dreamweaver can get back to them later.
We just want to get rid of those, so now,
all you need to do is right click on that, and I'll say "delete all disabled in selected rule,"
and we'll wipe all those right out.
I could have also selected and enabled all those disabled.
For example, say we've played around and we decided we didn't like what we saw,
and it will just kind of remove those comments again,
get everything right back to the way you saw it when you left it.
Well, there you go.
That is another way you can work with CSS in live view and Dreamweaver CS5 - CSS enable/disable.
I hope you enjoyed that and check back for more of these sneak peeks
that I'm going to be posting about Dreamweaver CS5's new features, thanks.
