Using CSS Inspect


show more Using CSS Inspect provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS6 Essential Training show less
please wait ...

Using CSS Inspect

Live view is amazing at helping you understand how your layout will look in most browsers. But trying to troubleshoot your CSS can be frustrating. As the CSS visual aids that we covered in the last movie are disabled when you are in Live view. Well, that's where CSS Inspect comes in. CSS Inspect let's you do just that; inspect the elements on the page and visually explore the box model properties that have been set on the elements. As you'll see, it's an invaluable way to troubleshoot layout issues.

So I have the spotlight.htm file open and that can be found in the 06_10 folder. And I have Live view turned on. Now if I just scroll around my page you know everything looks for the most part okay, but I notice a couple of things right off the bat that are troubling. I have too much space between the headline and the student's name. And everywhere between the elements I have this sort of three pixel spacing that creates the look and feel borders around them, but toward...

Using CSS Inspect
Video duration: 6m 48s 9h 24m Beginner

Viewers:

Using CSS Inspect provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS6 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...