Showing posts with label Beginner. Show all posts
Showing posts with label Beginner. Show all posts
Sunday, July 19, 2009

CSS Café Tutorial 18 - Putting the Masthead Together

›
I think we are just about finished what we set out to do with the Café tutorial. I am going to tweak a few things before we are completely ...
Saturday, July 18, 2009

CSS Café Tutorial 17 - Faux Columns, Specificity

›
I am going to go back to our CSS beginner's tutorial series to complete the website we were building for a local cafe. We had completed...
1 comment:
Saturday, June 20, 2009

Recap of the CSS Tutorial So Far

›
CSS Café Tutorial Cafe Tutorial 16 - Floats within a Float | HTML Cafe Tutorial 15 - Clearing Floats and Negative Margins Cafe Tutorial 14 ...
Thursday, June 11, 2009

CSS Café Tutorial 15 - Clearing Floats & Negative Margins

›
I want to add more columns to our project which has two main columns right now. The new columns will go under the first column and again I a...
Tuesday, June 09, 2009

CSS Café Tutorial 14 - Horses for Courses and Margins for Gutters

›
Our project now has two side by side columns, the #specials floating to the right and #intro and #coffee on the left. Although when you loo...
Monday, June 08, 2009

CSS Café Tutorial 13 - Floating

›
We are going to change the structure of our page in this tutorial. I want to float the "specials" div to the right to form a two c...

CSS Cafe Tutorial 11 - Thumbnail Images

›
Back to our beginner's CSS tutorial.. With the exception of the logo image, the rest of our page is composed of text . I am going to ad...
Monday, May 11, 2009

The Café Tutorial 10 - Lists

›
There are three types of lists in XHTML. The ordered list, or ol, is used for data that is strictly sequential in content such as the step...
Saturday, May 02, 2009

The Café Tutorial 8 & CSS letter-spacing Property

›
font-size:12px; line-height: 19px; color: #666666;"><style type="text/css"> #homepage { margin: 40px; font-fam...

The Café Tutorial 7 & CSS line-height property

›
The blue document has 1.9em line-height which is visible in between the lines of the first and last paragraphs. Giving a line-height separa...

The Café Tutorial 6

›
In Cafe IV Tutorial, we had our page organized into different sections, with browser styled headings and paragraphs. With the HTML structur...
Friday, April 24, 2009

The Café Tutorial V

›
How does the browser know to enlarge the text for the headings? All browsers have built-in styles that they use when you don't provide ...
Thursday, April 23, 2009

The Café Tutorial IV

›
In this step, I introduced divisions into the markup, with the ubiqutious "div" tag. You will not see any differences in the brows...
1 comment:

The Café Tutorial III

›
If you are working on this tutorial along with me, make sure you save your .html file as "text document" and not "rich text d...

The Café HTML - CSS Tutorial II

›
There's a standard basic structure to every HTML document. This includes the html, head, and body tags. The html tag identifies your ...
Wednesday, April 22, 2009

Turning Plain Text into an HTML Document and Styling with CSS

›
I want to do a tutorial for those who are not familiar with CSS and HTML. I'll start with plain text , build its HTML structure and lat...