Join Eric Meyer for an in-depth discussion in this video Simple floating, part of CSS Web Site Design.
- View Offline
- Exercise Files
For this movie, I'm going to talk about simple floating,…as opposed to the more complex floating. Actually, what I mean by simple floating is just the act of taking an image and…putting it over to one side and letting a regular text just flow around it.… It's a very common effect and I'm sure you've seen it on the web many a time, you've see in print many a time so here's how it's done.…If you take a look here in the legendary origins of tea portion, there's an image of a tea kettle, which is been there throughout,…but at this point, it actually needs a little help. This is the way that an image would appear if it…didn't have some floating applied to it…and in this case, I've put little…square brackets and hyphens on either side of it, so that when it actually does float we can see the point in the …text where it was before we floated it.…
So we go over to our Exercise file and just very simply,…so if we want it to go to the left, we're going to float it to the left…and go back to the web browser and hit Reload,…
Skill Level Intermediate
Layouts with CSS in Dreamweaverwith Joseph Lowery3h 33m Intermediate
Site Navigation with CSS in Dreamweaverwith Joseph Lowery3h 24m Intermediate
2. CSS and XHTML
5. Adding Colors and Backgrounds
6. Setting Typography
7. Using Margins and Borders to Create White Space and Separation
8. Creating Tables
9. Styling for Print
10. Bringing It All Together
- 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.