Web Development

CSS Tutorials

This tutorial will teach you how to make a menu like tables that will change background color when you mouseOver. If you have noticed I have used it on my index page.

This tutorial shows you how to manipulate your the underlining of your links using CSS.

Make your page look nicer by applying CSS styles to your page scrollbar.

Sometimes you might want to protect your online documents from printing. So in that case this little simple script might help. Please note that putting this script does not secure your document, users will still be able to ‘copy it and paste it’ in the word document and still be able to print it, if you want to secure your document you need other scripts that disable selecting or saving the page..etc.

What is CSS? CSS is a simple file which controls the visual appearance of a Web page without compromising its structure. Using CSS we can control our
font size, font color, link color and many other attributes on our web page. This will make our HTML code much more readable and the page size will be reduced.

A quick and easy example of how css can allow you to have some fun with your hover actions.

This article shows you how to code a sub-menu system that layers a box with menu-items onto the current web page, over the page’s normal content.

Instructions are in this article rather than in the JavaScript. The JavaScript has instructions related only to the two sections in the script that need to be customized.

With a few simple attributes, CSS can be used to control the background of most any item on a web page. The background of heavily used tags for page structure, including div, p, and td can be controlled by applying a style with the following background attributes.

It can be frustrating to design a form so it looks good, then test it on another browser and have the design fall apart. Some browsers calculate the amount of horizontal space taken up by the size and cols attributes differently than other browsers do. That’s why the horizontal spacing of name=”text” fields and textarea fields can vary from browser to browser. Even the same brand of browser on Mac and on PC can display fields differently.

One of the best websites out there, in terms of functionality, is, and always has been, Amazon. In terms of accessibility though, they’re not too good. Amazon’s menu tabs, for example, look really nice but are totally inaccessible. First of all, they’re missing ALT tags. Additionally, the W3Cs accessibility guideline 3.1 (priority 2) clearly states…