Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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".


share|improve this question

closed as off topic by Anagio, Hamlet Nov 4 '12 at 14:55

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

Technical question .. IMHO should be on Stackoverflow.. – Srirangan Nov 14 '10 at 4:20
up vote 4 down vote accepted

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

share|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.

share|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.