From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Defining column spacing - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Defining column spacing
In the previous movie, we began the process of planning a sample two-column fixed layout. We established the target resolution, we decided which unit we were going to base the grid off of, and we defined our grid. So in this movie, we are going to complete that process by using the layout grid to determine how to space our columns and then calculate the element dimensions we will need for our CSS. So I am just going to keep working in the fixed_planning.ai. In the previous movie, if you opened up a layout program and worked with that, then you can just continue doing that. And if you grabbed a piece of sketch paper and you are sketching it out on that, then that's awesome. Just keep doing that. The first thing I want to focus on is the main column. Now I have already mentioned how this layout is going to be text heavy, so that means that wherever the body copy or the main text is, that's the most important content region on the page, and that is where I typically like to start with my…
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
-
-
-
-
-
-
-
(Locked)
Design considerations for fixed layouts3m 28s
-
(Locked)
Establishing the layout grid7m 57s
-
(Locked)
Defining column spacing9m 30s
-
(Locked)
Applying the grid through CSS8m 56s
-
(Locked)
Creating grid-based assets8m 26s
-
(Locked)
Grid design resources6m 22s
-
(Locked)
Building fixed layouts: Lab4m 7s
-
(Locked)
-
-
-
-