Layering buttons on background grid?

One of the numerous aspects of your request I found confusing is when you said you can't use "AP div's". If AP means Adobe Photoshop, you must mean the div's created via slicing. I do not follow you on this point, explain why you can't do that, exactly?

Looking at your mockup, there are two approaches to inserting buttons (images) within a layout:

• Absolute positioning of all elements including each button using CSS
• Slicing and applying CSS to the "button" slices for link and rollover effects (similar to CSS sprites)

Now before I go into depth explaining each, or considering alternatives, I will assume (based on the excellent quality of the mockup) that you're not a novice and know how to do each and maybe just need guidance to get you started. If neither method seems familiar, please ask and I will explain the benefits and disadvantages of each.

-jim

 

Use an unordered list and some CSS my good man. This tutorial should get you started in the right direction.
But basically you use <li>'s for each of your images and set up your list so it will only display 3 items per row and then bump the next down.

 

I'm not sure if you still need help with this or not sbryan, but I wrote a tutorial on unordered list on my blog that may help ya out.

cheers
-jay