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.
It is particularly useful to keep one css file for the entire website rather than having individual CSS styles in every page, advantage of having a separate CSS file is, it is easy to update and maintain the look and feel of the entire website from a single file. That is why it is better to create an external CSS file if you have not done so. This tutorial will show you how to convert your internal CSS styles to an external file and how to attach them to a page.
Do you want to have a different color links on different sections of your website? If your answer is yes then you have come to the right tutorial. Often websites have different color backgrounds on different sections of their website, for example content section of your website might have a white background, in contrast footer section might have a darker background color. Problem arises when you have links on the footer, default link-color is blue therefore it might not be very visible on the darker background. Luckily there is a way to solve this problem with CSS which we are going to do next.
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.
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...