Images In CSS Columns

[oli2140]

[deleted]

 

[salvatore]

Although not a strict parallel based on your requirements, the CSS Zen Garden examples should give you some inspiration.

 

[miles01110]

Is something like this what you're looking for?

http://www.search-this.com/css_buttons3.html

Link to article.

 

[oli2140]

[deleted]

 

[memco]

If you post the code I might be able to help better. because the images are hyperlinks you can do this:

div#id1 a {
 background : url('image/for/leftmost-colum.jpg');
 width : width-of-image;
 height : height-of-image;
 text-indent : -9999em;
}

div#id1 a:hover {
 background : url('rollover-mage/for/leftmost-colum.jpg');
}

Then, your code would look like this:

<div id="id1">
 <a href="link1">Link</a>
</div>

Read these two articles for an explanation of how you can optimize this technique:

http://www.alistapart.com/articles/hybrid/

http://www.alistapart.com/articles/sprites/