Tell me more ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.
up vote 2 down vote favorite

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.

http://antinovaordemmundial.com/test/header.png

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

Thanks

share|improve this question
1  
Technical question .. IMHO should be on Stackoverflow.. – Srirangan Nov 14 '10 at 4:20

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

Questions on Webmasters Stack Exchange are expected to relate to webmastering within the scope defined in the FAQ. 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 closed questions here.

2 Answers

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
up vote 0 down vote

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.