CSS: The Basics - ID's and Classes ... Correct

Written by Eric McArdle


Continued from page 1

{/div} {/div}

Remember to closerepparttar id's in order.

Now, onto css classes.

Creating Classes

To create a class in your css, use this

.subtitle { color: #000000; }

To insertrepparttar 105166 class into your html, do this

{p class="subtitle"} {/p}

Now, you can userepparttar 105167 same class repeatedly inrepparttar 105168 same page unlike Id's.

I also want to tell you something about link attributes. You should always keep them in this order:

a { color: #006699; text-decoration: none; font-size: 100%; }

a:link { color: #006699; text-decoration: none; }

a:visited { color: #006699; text-decoration: none; }

a:hover { color: #0000FF; text-decoration: underline; }

a:active { color: #FF0000 }

Of course, you can changerepparttar 105169 colors and text-decorations. This is just something I cut out of my code!

Okay, these arerepparttar 105170 basics. What I highly recommend is to go and download Topstyle Lite by going here:

http://www.bradsoft.com opstyle slite/index.asp

It's free and is a very helpful css editor. It not only color codes and organizes your code, but it provides you with tons of attributes that you can add to your class and id elements with just a click. They also provide a screen atrepparttar 105171 bottom to view your css code as you create it. Very useful for a free edition and I'm looking to buyrepparttar 105172 pro version soon.

Now, this was just a very very brief explanation ofrepparttar 105173 vital elements needed when structuring your css. I have a good feeling that when you download top style lite, you will learn how to use repparttar 105174 hundreds of attributes in your classes and id's

Good Luck in Your Web Designing Efforts!

P.S Change { and } to < and >

Eric McArdle is the publisher of the TrafficaZine Online Marketing Newsletter which is a publication designed to assist the online marketing and/or web designing entrepreneur with the basic tools and resources that will greatly assist them in taking further steps into bettering their online business. http://www.trafficazine.com


CSS - Maximum benefits

Written by Zoran Makrevski


Continued from page 1

will help us to reduce file size, but that is notrepparttar only benefit. Using CSS word product in this example will be moved more close onrepparttar 105163 top of repparttar 105164 document. Search engine will pick up more content and less code.

Imagine that you have 3 columns table on your page. When you seerepparttar 105165 code, you will notice that first come code for your table, and after that it come your content. Positioning your 3 columns using CSS instead of standard inline elements:

<table width="90%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="381" height="150" valign="top" bgcolor="FFEDD4"> My Product </td> <td height="150" valign="top" bgcolor="FFEDD4"> ..

When CSS is used, your code might look like this:

<div id="leftcontent"> My Product </div>

Again your code is much more clear, and your content is moved onrepparttar 105166 top of your document, making your HTML page search engine friendly, and reducing your file size.

Content is one ofrepparttar 105167 most important factors in Search Engine Optimization, and you will benefit with removingrepparttar 105168 unnecessary code in your HTML and create search engine friendly web page.

Validate it Browser war is far behind us. Reality is that most ofrepparttar 105169 people today use Internet Explorer, but you should try to be on safe side and ensure that your CSS code is valid. Not all browsers interpret repparttar 105170 CSS on same way. You can validate your CSS here: http://jigsaw.w3.org/css-validator/



Zoran Makrevski Search Engine Positioning Firm SEO.Goto.gr




    <Back to Page 1
 
ImproveHomeLife.com © 2005
Terms of Use