I'm struggling to get a design like I put in this image in CSS.

I'm using wordpress, and my theme just adds a full image to the top, I would like to make the most of space.


I have already all the buttons as single images (at this point I prefered to not to use sprites) and each image has a light version, to show "on-hover".


  • 1
    Technical question .. IMHO should be on Stackoverflow.. – Sri Nov 14 '10 at 4:20

Ok, I have created a demo for you Check it http://jsfiddle.net/UvGDj/

| improve this answer | |
  • Great Work!!! @emerson you may want to consider using CSS sprites for the backgrounds of each link. This would be the cleanest approach. – Frank Nov 14 '10 at 9:35

This is easy. A two column layout, second column (container) float right, give it a fixed with and text-align:center. Let this contain the text on top and the five buttons.

| improve this answer | |
  • Hi SriranganThanks for the answer.WOuld you have an example how to do this? – Emerson Nov 14 '10 at 4:25

Not the answer you're looking for? Browse other questions tagged or ask your own question.