Advertise here


Tag cloud


Posts Tagged ‘CSS3’

CSS create tool tip

Posted on Wednesday, August 31st, 2011 in CSS

The content attribute in CSS is pretty useful. It can only be used with the Pseudo properties before and after which essentially determine where the content is going to be outputted.

So a basic example using the content attribute would be to label small items: 09839 048882

.phonenumber:before{ content: 'Phone number: ';}

Essentially this snippet will add “Phone number” in every element that uses this class at the beginning of the text. Pretty useful when there is a mass change of labels needed to be done.

How to make a tool tip just using CSS? Read more


Multi-columns with CSS3

Posted on Tuesday, August 9th, 2011 in CSS3

icon for CSS articles Its not that difficult to make multi-columns in the content of a web page, you could use tables or lists with CSS to control the layout.  But these two options are not ideally the correct solution because content that is written should flow evenly into the columns. Rather than manually placing it into each column it dynamically shifts into each column. This is something that can be done in a Word processor software or media publishing tool but can’t be done using HTML. Read more


nth-child

Posted on Saturday, October 9th, 2010 in CSS3
CSS3 article icon

Using CSS3 pseudo-class  nth-child now means that you can select a specific group of html elements. Essentially its a simple patten search through the HTML elements. For instance in a table you would like every alternate row to be one colour and for each other row to be a different colour. By making the rows in a table alternate colours you are making it easier to read the data. See example1:

Example 1

Row1: Collumn1 test data Collumn2 test data Collumn3 test data Collumn4 test data
Row2: Collumn1 test data Collumn2 test data Collumn3 test data Collumn4 test data
Row3: Collumn1 test data Collumn2 test data Collumn3 test data Collumn4 test data
Row4: Collumn1 test data Collumn2 test data Collumn3 test data Collumn4 test data

Read more



Web Design Essex | Richard Kotze – Web Technology, Design and Development powered by WordPress | Entries (RSS)