Join James Williamson for an in-depth discussion in this video Understanding floating elements, part of Dreamweaver CS3 Beyond the Basics.
The last positioning model we need to discuss before we can begin laying out…our page elements is floating elements. Now if an element is floated,…essentially it's removed from normal document flow and it floats either to the…right or to the left based upon the float value, because you can float it to…the right or to the left, and they position themselves until the floated edge…touches the edge of the containing block, and that could be the parent element…or that could be the body tag if that happens to be their parent element itself…the containing element. Now the trick here is that any element that comes after…them in the document flow moves up to occupy the previous position. In the…example, you are seeing them slide, Box 1 is floated to the right, so Box 2 and…3 come up and float beside it. In the slide, Box 1 is being floated to the…right, meaning elements Box 2 and Box 3 move up to occupy the position Box 1…used to occupy. The problem that most people with floats is they don't really…
- Reviewing and customizing the coding toolbar
- Understanding the CSS Styles panel
- Using absolute and relative positioning
- Creating accessible forms
- Building AJAX pages with the Spry framework
- Extending templates
- Working with XML and XSL
- Building dynamic content
- Creating custom behaviors in Dreamweaver
- Running reports
Skill Level Intermediate
Q: In the Chapter 3 movie “Creating rounded corners with background graphics”, the instructor uses a .last class selector. What are the CSS properties of this selector?
A: The .last selector is as follows:
background: url(../_images/current_btm_bg.gif) no-repeat bottom
The background is the bottom rounded corner graphic, the bottom padding keeps the type away from the bottom of the box and thus the rounded corners, and the margin ensures that the box elements fit seamlessly with each other.
1. Dreamweaver Workflow Techniques
2. Working with Style Sheets
3. CSS Layout
4. Working with Forms
5. Building AJAX Pages with the Spry Framework
6. Extending Templates
7. Working with XML and XSL
8. Building Dynamic Content
9. Extending Dreamweaver
10. Publishing and Collaborative Tools
- 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.