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…]

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…]

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…]

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…]

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…]

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…]

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…]