Join James Williamson for an in-depth discussion in this video Using CSS Inspect, part of Managing CSS in Dreamweaver.
If you've ever used Firebug or WebKit's Web Inspector, you're probably used to…visually inspecting your page to check your layout.…In Dreamweaver, you can use CSS Inspect to examine the Margin, Padding and other…Box model Properties of elements on your page.…CSS Inspect is part of Dreamweaver's WebKit Integration, and as we'll see, it…gives you the ability to accurately preview and troubleshoot your designs…from within Dreamweaver.…And one of the things I want to do is fix some spacing issues that I've got, so…I'm going to turn Live View on.…Now Live View shows us the page as it's rendered in the WebKit space, not Design…View, and gives us a more accurate preview.…
So I'm going to scroll down a little bit, and in my Tour Descriptions, I can see…that I have some spacing issues here that I want to fix.…Number one, I have had too much above these headlines, and I really would…like the spacing to be a little but more equal between this area and the…headlines themselves.…Also this Rating area, I would like that to float a little bit more in the…
- Building a CSS-friendly workspace in Dreamweaver
- Creating style sheets visually
- Hand-coding styles
- Working with code hinting
- Organizing style sheets with color coding and sections
- Writing global classes
- Eliminating style conflicts
- Deploying styles
- Dealing with browser compatibility issues
Skill Level Intermediate
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
1. Using Dreamweaver's Tools and Panels
2. Organizing Style Sheets
3. Reusing Styles
4. Deploying Styles
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.