Normal flow refers to the behavior of HTML elements in your browser. Understanding the normal flow of your document is necessary in order to actually style your document with CSS.
Horizontally aligning floating elements can be very difficult. Make your life easier by wrapping these elements in an unordered list. This video will demonstrate how to wrap the input and label elements in a list item and then and unordered list for easier style management.
HTML is boxy, but CSS can give it some curves! In this video you will see how applying a background image and defining a position for that image can give the affect of a rounded corner.
Input elements define certain values that are associated with a mailing script or service. In this video you will see what fields need to be pulled out of the Response-o-Matics table-based form and put into an accessible form.
Buttons floating around in a design can be difficult to control. Gain more control by wrapping them up in a fieldset element instead of a div container.
Tabbed navigation menus offer a slick look for your site. A purely CSS driven tabbed navigation menu is even better. This video will introduce the steps needed to turn an unordered vertically aligned list in a horizontally aligned tabbed navigation menu.
It’s time to apply our changes to the rest of the site and get a upload everything to the server. This video illustrates the final steps to setting up a tabbed CSS menu.
Applying a background color to a div container is easy. But when you have floating elements and nested div containers, things can get a bit confusing. This video explains how to apply a background color and use clear to get things to look they way they are suppose to.
By using a background-image, background-position and an image sprite, you can easily create a tabbed navigation menu that has an off and no state look. No JavaScript required, pure CSS at its best.
This video examples how to create a two column layout using simple HTML and CSS. This segment focuses on the HTML, DIVs tags and some CSS ID selectors.
Table-based forms? I don’t think so! In this video you will be introduced to the form, fieldset and legend HTML tags that will form the skeleton of an accessible form.
Convert absolute fonts sizes to relative sizes the easy way with this common CSS typography trick. Since most modern browsers default to a 16 pixel font size, declaring a 62.5% CSS font sizing attribute for the body changes this value to 10 pixels (16 x .625 = 10). The result is that 1em=10px, 1.5em=15px, etc.
Recent Comments