Into the (open) source


Buttons navigation menu with CSS Sprites


In today's tutorial we talk again about HTML graphics and CSS integration. In my article a few months ago I talked about the technical (also widely used by Google) of CSS sprites. In practice consists in inserting the majority of images repeated several times within the page into one big image, that will be called multiple times with our CSS.

As a matter of personal preference I tend to avoid using Gimp every time I have to create a different menu item navigation, I prefer to create only the backgrounds of buttons and then think about the styles using CSS. In this way, the first menu is better indexed by search engines, secondly I avoid "waste" the time to create me to every button a new image.