Category Archive: css

Feb 11

Javascript with CSS Sprites Animation

Animated Gif

One of the issues with gif animations is being able to stop and start them at will. This post examines a method of using javascript to control CSS Background Sprites for Animation.

Aug 29

CSS tooltips using CSS Sprites

Thought Bubbles!

For a project I’m currently working on I wanted to make some “bubble” tooltips.  In order to cut down on the size/number of images, I’m using css sprites.  A quick google reveals that nobody else has (at least on the first page) put together tooltips using sprites.  The technique will work with any sort of …

Continue reading »

Aug 28

CSS “width” gotcha

I found out something interesting today.  Per the W3C, the total “width” that a block element uses is: If ‘left’ or ‘right’ are given as ‘auto’, their computed value is 0. The following constraints must hold between the other properties: ‘margin-left’ + ‘border-left-width’ + ‘padding-left’ + ‘width’ + ‘padding-right’ + ‘border-right-width’ + ‘margin-right’ = width …

Continue reading »