Cascading Style Sheets

Centering Inline Elements Vertically in their Containers

Back a week or so ago, say in May of 2006, Chris..S brought a problem to the forum, http://csscreator.com/node/16105

In a nutshell, he needed to have multi-line inline elements align themselves centered vertically in the container. Not a problem with modern browsers, but not so easy with IE.

The problem was solved when IChao (Ingo Chao*) brought an example and an explanation of some work done by Bruno Fasino.

Chris posted a nice demo page, which he seems to have taken down.

Framework reset

I have never really got into using CSS specific frameworks or reset files. Drupal, the CMS I usually build website with, is really web development framework so I didn't see the need to look closer at CSS frameworks. Recently I took the time to have a quick look at what's out there.

Vlad Alexander's, Conversation with CSS 3 team

Vlad Alexander interviews Bert Boss in Conversation with CSS 3 team. They discuss where CSS3 is at, some of the new features, the dos and don'ts of CSS and much more.

Read it for yourself Conversation with CSS 3 team.

Z-index

z-index changes the stacking order or layering of positioned elements. If no element is positioned then the stacking order gets higher, closer to the front, for each descendant.

Each positioned element that has been assigned a z-index other then auto, creates a stacking context, which may be easier to explain in another context lets use a sandpit. The sandpit is positioned absolutely so the children don't move it an make a bigger mess and has a z-index of 1.

Generalising

CSS gives web designers the power to style many pages simply and to change the look of a whole site in one place. If you look at a site as a whole you can simplify your style sheets and make them smaller and easier to maintain.

Let's look at the basic structure of a rule to make the rest of the explanation easier to understand.
selectors{property:value;}
There are different types of selectors which I am not going into here except to say that you can have multiple selectors separated by a comma.

Syndicate content