February 22, 2007 by 5 Comments

Customizing the Heading Tag Using CSS

Here is the conventional method How to Format the Heading Tags

HTML


<H1>Chinese and Thai Cooking Classes: Recipes,
  foods, and more!</H1>
  <H2>Chinese Cooking Classes</H2>
    <H3>Chinese Recipes: Mandarin and
      Cantonese</H3>
    <H3>Chinese Food Preparation</H3>
  <H2>Thai Cooking Classes</H2>
    <H3>Thai Recipes</H3>
    <H3>Thai Food Preparation</H3>

Notice that the H1 tag describes what the page is about. The other heading tags are the sub-headings to help guide the reader through the page.

Customizing the Heading Tag Using CSS

Normally the Heading Tag is very large and may not fit well within the structure of your page. It often contains too much space around it and therefore will move other elements further down the page. This will create an unprofessional appearance to your site.


[Read more…]

Filed Under: CSS, Web Design
February 1, 2007 by 3 Comments

CSS List Tips

CSS lists are a great way to create fast loading, search engine friendly pages without using javascript.
Recently I redesigned a new site that needed 2 lines of navigation links at the top of the page. One line wouldn’t cut it because it would extend beyond the width of the web page. Visitors would have to scroll horizontally to view the page which essentially means they will immediately click elsewhere.


[Read more…]

Filed Under: CSS
June 30, 2006 by 4 Comments

CSS Overflow Property – creating frame-like pages

I was recently asked to create a framed page for a customers web site. I did not want to use a framed page because they are not search engine friendly. A great alternative was to use the CSS Overflow Property to create frame-like pages.

[Read more…]

Filed Under: CSS
May 30, 2006 by 3 Comments

CSS Nested List

Most web sites these days use some type of rollover navigation structure. When the mouse is passed across the link it changes colors. This is usually achieved with a lot of javascript code which clutters your web pages making them slow loading and not very search engine friendly.

A great alternative is to use a css list for the vertical navigation or a css nested list if you require something more complex.
I use the css list if I have a number of categories that need to be divided into subcategories.

Benefits of a CSS Listed List

[Read more…]

Filed Under: CSS
May 9, 2006 by 6 Comments

Creating a Web Site Banner Using CSS

Most web site banners are created using images. However images can slow the loading of your web pages and search engines don’t read images particularly if they contain text. Many sites often use images for navigation. This prevents search engines from spidering them.

Using CSS you can replace the images and get the added benefits of fast loading, search engine friendly pages.

How to create a text banner.

[Read more…]

Filed Under: CSS
April 19, 2006 by 9 Comments

Web Page Accessibility – Placing Content First With CSS

Search engines give more weight to a web page that has content closer to the top of the HTML document. I am referring to the
source code not the visual content you see in your browser. If you incorporate this in the design of your web site, it may just give you the edge to outrank your competitors.

[Read more…]

Filed Under: CSS
April 18, 2006 by 21 Comments

Top 12 Benefits of Using CSS for Web Pages

If you are still designing with tables then you are missing out on a lot of the benefits of cascading style sheets (CSS). Tables were not supposed to be used for designing but unfortunately it has been the standard for a long time.

Not any more.

[Read more…]

Filed Under: CSS
« Previous Page