The beginners most of the times bump into obstacles with CSS vertical-align style property. This one explains the content alignment of the element vertically on the line. The property looks at the whole thing on the existing line of text and images. It then looks at the height of the text boxes or images and aligns the items with the tallest item on the line. Such as, the text in this HTML would be aligned at the top of the line produced by the preliminary image:
Read the rest of this entry »

When you generate a simple table devoid of any styles or properties, contemporary browsers demonstrate them very straightforwardly. They don’t have any borders or colors. The only style or layout that majority of browsers bring into play is to bold and center any header cells.
You might have noticed one thing in Web 2.0 pages. They over and over again make use of tabular data with illustrative feedback. That means, the table rows or columns transform color depending upon where your mouse is hovering. With just a small amount of JavaScript and a line or two of CSS, you can create a table that highlights the row that the mouse is hovering over or changes color when it’s clicked on. To highlight rows that the mouse is hovering over, you need the following piece of HTML, CSS and JavaScript code:
Read the rest of this entry »

You might have seen so many horizontal rules on web pages. They can enhance the readability of a web page as they separate various topics on the page. They also indicate a clear separation of footer or resource box presented at the bottom of the page from the main content. Using HTML, you can create simple horizontal rules. But they are not very appealing. Therefore, many web designers are forced to make use of graphic images as horizontal rules instead. CSS resolves this problem by making the task of building attractive rules easy. You can employ style sheets to create custom rules which can be downloaded very fast. They are equally compatible with the page layout and the color pattern of your page.
Read the rest of this entry »

Any web developer who knows his job well is aware of the fact that the different web browsers interpret CSS properties and rules in a different manner. One way to deal with this problem effectively is to make use of hacks. In certain circumstances, CSS hacks suffer from invalidity. But they perform a vital task of preventing your browser from accessing some parts of your CSS. As a result, your web page looks somehow similar to the one you have intended for.
Read the rest of this entry »

Links are everywhere on a web page. Most of the times, web designers are unable to recognize the importance of links when they are managed with CSS. You can simply play with links in CSS. CSS offers a whole lot of features to control links. There are various states in which you can define your links. They include hover, active, link and visited. You can also apply borders and backgrounds to your links to make them more presentable. They give you the impression of buttons or even images. Many web designers begin by using a tag mentioned below:
Read the rest of this entry »

There are various types of CSS commands which can be applied to view web pages on a specific web browser. Internet Explorer is one of the most popular browsers. But there are certain commands which it is yet to support. These commands have been supported by other major browsers since long time ago. But Internet Explorer 7 has started to recognize these commands to make life easy for web designers and users alike. The commands we are talking about provide more control over your HTML elements and do away with the need to employ ids and classes in most of the cases. Some of these commands are highlighted below:
Read the rest of this entry »

The CSS properties have evolved and have made it possible to be used in a web designer’s style sheets. Below is the list of the commonly used properties and the ways to utilize them.
Read the rest of this entry »

Basically, there are three key areas that you need to look into in creating your Cascading Style Sheets, and these are: the selector, the property and the value.
Read the rest of this entry »

Did you happen to notice a miniature icon that is usually seen in the tab display of some browsers or in your bookmarks? Well, that is called the favorites icon. Nowadays, it is more popularly coined as “the favicon”.
Read the rest of this entry »