Select | ElanMan

Simple Pagination

May 272009

What is pagination?

Simply put, pagination is splitting up many results in to bite size chunks (pages) that helps the user quickly sort through the results instead of having to scroll way down the page to find what they’re looking for.

Using CSS Pseudo-Elements

CSS 6 Responses »

May 162009

In the 2.1 CSS Specification, there are four different pseudo-elements available to use. These are :after, :before, :first-letter and :first-line. Here’s a quick description of each one.

Highlight ‘Current Page’ Link

CSS 1 Response »

Jan 262009

In your typical page navigation, you might have a ‘normal’ state and a ‘hover’ state using the :hover pseudo-class. For example, all nav links have a blue background which changes to a red background when the mouse hovers over them. What if you decide that you’d like the ‘current page’ link to have a red background too? After all, this would make it easier for your visitors to see which page they’re on. Continue reading »

Know Your Css Selectors

CSS 2 Responses »

Jan 132009

After you’ve shortened your css, it’s time to get to know your css selectors. The following selectors are all in the css2.1 specifications and should work in all modern browsers (in case you’re wondering, Internet Explorer 6 is not a modern browser!). I haven’t covered the class and id selectors as I assume you’re already familiar with them. Continue reading »

CSS Reset

CSS 4 Responses »

Oct 042008

This is possibly the shortest post in history but worthwhile nonetheless.

Before you start your css for a page/site, bung this right at the top of your stylesheet.

* {
    margin:0;
    padding:0;
}

Browsers have default paddings and margins for different elements in your html. The css above removes these defaults from all elements by using the universal selector (*) which means that you start with a level playing field across browsers.

CSS Hacks

CSS No Responses »

Oct 032008

What are CSS hacks?

A CSS hack is a way to use the browsers incorrect implementation of CSS to your benefit. Different browsers have different ways of interpreting combinations of css rules and selectors. Although it’s preferable to use conditional comments wherever possible, there are definitely times when a quick css hack is ideal. For example, if I have just one rule that needs overriding for IE, I will use a hack simply because its quicker and involves less messing about. Our time is valuable after all!