Showing posts with label Styling a Page. Show all posts
Showing posts with label Styling a Page. Show all posts
Monday, January 03, 2011

Improving Search with Regular Expressions

›
This weekend my focus was on improving the search function and making it work smoothly with the existing categories. I want to add new sect...
Friday, June 12, 2009

CSS Café Tutorial 16 - Floats within a Float

›
Remember the "#specials" div - the yellow colored block on the right above - that we floated in our document? Since then we adde...
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 Café Tutorial 12 - The Flow

›
The browser is programmed to position the elements of a document in a certain way based on established standards. This is called the "...

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...
Thursday, May 07, 2009

The Café Tutorial 9 - Title Logo & Image Replacement Technique

›
I replaced the title text, "Four Square Cafe" written across the Café site in blue, with a logo image that I created in Photosh...
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 ...