ADD GRAPHICS TO YOUR WEBSITE - without losing your mind!
We've heard it over and over again - adding graphics to a website is a GOOD thing. They can generally make your site more appealing, illustrate points or products, and provide creative icons for people to click through for more information. So you...
Free or Commercial Hosting. Which is Best?
Free or Commercial Hosting. Which is Best? Once you have created a Web site, whether it is a personal site or a business site, you will want to put it on the World Wide Web, right? But where? You want the best service at the...
How to make a simple form mailer with PHP
As you may be well aware, displaying your e-mail address on your website can lead to e-mail harvesters picking up your address and adding it to hundreds or even thousands of lists used by spammers. If you want to allow your website visitors to...
HTML Encryption
Welcome to htmlblock.co.uk Protecting Websites Worldwide Protect your website with htmlblock.co.uk. Our software package gives you the highest in encryption and security levels for both the business and home user. Hide your source code by,...
Learn The Truth About Your Web Design Company By Its Portfolio
When you start building your online business and search for a web design company that will implement all your needs for the web site you must understand that it is very serious step because you are entrusting your business along with its...
CSS: The Basics - ID's and Classes
Css
Cascading Style Sheets
Two types of style sheets: Internal and External
Internal - You insert your style code right into your html code. These stylesheets should only be used if you are intending to create a specific page with a specific style. If you want to be able to make global changes to your website using only one style sheet, you have to use....
External Stylesheets - Instead of putting all the style code into your html code, you can create a single document with your css code and link to it within your webpages code. It would look something like this
If you decide to use an internal stylesheet, you have to put your css style wihin the following tags:
All css or links to the external stylesheets have to go in between the tags
Now about Css Classes vs. ID's
The one major difference between a class and an id is that classes can be used multiple times within the same page while an Id can only be used once per page.
Example:
ID - The global navigation of your site, or a navigation bar. A footer, header, etc. Only items that appear in only one place per page.
Class - Anything that you would use multiple times in your page, such as titles, subtitles, headlines, and the like.
Creating ID 's
To create an Id in your css, you would start with the number sign (#) and then your label of the id. Here's an example
#navigation { float:left; }
To insert the id in your html, you would do something like this
