CSS tutorials for perfect pagination style

How to design a nice pagination style for your website This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages. It’s a question I often receive, so I decided to publish a very simple post which explains how to design […]

Verticle menu using CSS

Today we are going to build the second most common site menu navigation, the vertical navigation menu. Here we are going to be using only pure CSS and unordered lists to create our vertical navigation menu with three levels of pop outs. This version of the vertical navigation menu will work in IE5, IE6, IE7 […]

CSS Cross-browser Compatibility issues with inline elements

Suppose we want to create a button or menu that looks like … Initial Code Consider the following code where I have an anchor link wrapping around an image… We gave this anchor link the class buttonlink so that we can apply a 3px padding and an all-around border. In Internet Explorer 6 and 7.0 […]

Type of CSS

Types of styles: Inline Internal External CSS Inline Styles : This kind of style takes values inline with the html tag Try this example: <font style=”color: red; background-color: orange;”> Test Font </font> Internal Styles : Here we define style under head tag and use it for our tags. Inside head tag we will define styles […]

Introduction to CSS

What is CSS? CSS stands for Cascading Style Sheet Definition A cascading style sheet (CSS) is a Web page derived from multiple sources with a defined order of precedence where the definitions of any style element conflict. The Cascading Style Sheet, level 1 (CSS1) recommendation from the World Wide Web Consortium (W3C), which is implemented […]