Posts Tagged ‘css’

The Art of CSS Positioning

08/12/09 :: Posted by Rob

How many tutorials can there be on this topic? I don’t know. The more the better I say! Hopefully I can help you understand how positioning works and what it’s affected by, and iron out some of those kinks

Let’s get one thing straight: positioning is vital in web design. When you have odd issues between browsers where elements vanish, don’t show or are a few pixels out of alignment, it’s normally because you are guilty of using margin and padding for positioning your elements. This is wrong because margin and padding were not designed to do that. (of course, if each browser was compliant with web standards there probably would not be an issue).

Positioning exists to allow exact placement of elements within your markup, simple as that. This tutorial aims to help you wrap your head around CSS positioning, which will become one of your most valuable assets in design. (more…)

Tags: , , , , , ,
Posted in Tutorial | 1 Comment »

What is a CSS Reset?

28/07/09 :: Posted by Rob

Every browser has a defualt way of rendering HTML.

For example – if you were to create a new file and pop a little HTML in you would see it sets a unordered list with bullets, and indents it,  that it also sets font size to header tags (h1-h6) it defines all the standard stuff.   The browser gets all this from a built in standard run of the mill CSS file which it uses to render your code. (more…)

Tags: , ,
Posted in Tutorial | 1 Comment »

The Art of CSS Positioning – UPDATE!

21/05/09 :: Posted by Rob

EDIT: Tutshelf have been down for a while now – so I have moved the tut back onto this site – you can find it here.

I thought I should post about a tutorial I made for Tutshelf and the amazing response I got from the community! I had so many great comments about it on the post itself, and then technical problems stole them all away…

But the stats speak for themselves! With over 1000 unique hits in a month on a brand new tutorial site, I’m just stoked at how successful its been!

The tutorial is a deeper look at CSS Positioning, hopefully helping people who struggle with it, as I did, finally understand! :)

If you would like to read more you can visit the tutorial here:

http://tutshelf.com/the-art-of-css-positioning/

Tags: ,
Posted in Tutorial | No Comments »

New Tutorial: CSS Positioning Explained!

07/04/09 :: Posted by Rob

I have done my first guest tutorial for new tutorial site www.tutshelf.com.  This tutorial covers CSS Positioning and explains the 4 different positions available and how they work.  It goes into detailed explanation of Absolute positioning and hopefully will help you understand a little better, if you don’t already.

If you enjoy my tutorial and you would like to see my writing style again (I doubt it lol), give me a topic, and I will see what I can do.

Enjoy!

Tags: , ,
Posted in Tutorial, news | No Comments »

CSS Block Elements Explained

15/12/08 :: Posted by Rob

CSS Block Elements

There has been an increasing amount of DIV’s being used these days, I know I used to be one of those who used them a little too often too.  But why do we use DIV’s so much?  A DIV element is a brilliant way of piecing together your site, helping you realise your layout dreams.  So why am I speaking like a mad man? Why am I claiming DIV’s are used too much?

Because they are!

(more…)

Tags: , , ,
Posted in Tutorial | 2 Comments »