From the course: EPUB: CSS
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Positioning: Relative
- In this movie we're going to be looking at relative positioning. And there are essentially two side to relative positioning. Relative positioning without specifying any values and relative positioning where you do specify values. So I'm working in the CSS for EPUB [EPUB] document, which if you're a premium subscriber, you'll have access to in the exercise files for the course. However, you could of course work along with any of your own content. And I'm working in Calibre and you can work along of course in your own editor. So in this file I have this div, which at this moment isn't doing a lot, it hasn't really got any particular rule for it, so let's find redboxRel just here. Like so. Nothing applying to it at the moment. So let's put a relative position on it. So position: relative. Like so. And you'll notice that absolutely nothing has changed. Just here. All that this has done, in fact, is given it the potential to be positioned or saying that it has a position relative to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
Styling lists6m 23s
-
Challenge: Styling a list54s
-
Solution: Styling a list2m 24s
-
Writing smarter rules5m 30s
-
Understanding the concept of positioning2m 26s
-
Positioning: Relative4m 14s
-
Positioning: Absolute and fixed2m 58s
-
Positioning: Float4m 41s
-
Clearing floats2m 14s
-
Working with some clever CSS selectors2m 55s
-
Incorporating page breaks4m 51s
-
Figuring out CSS support levels on specific devices1m
-
Challenge: Funky floats57s
-
Solution: Funky floats2m 29s
-
-