Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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
add comment

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

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
add comment

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
add comment

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