web-dev-qa-db-ja.com

CSSを使用して5つのボタンをこのように配置する方法

CSSでこの画像に配置するようなデザインを取得するのに苦労しています。

私はワードプレスを使用しており、私のテーマはトップに完全な画像を追加するだけです。スペースを最大限に活用したいと思います。

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

すでにすべてのボタンが単一の画像として(この時点でスプライトを使用しないほうが好ましい)、各画像には「on-hover」を表示するための明るいバージョンがあります。

ありがとう

2
Emerson

わかりました、私はあなたのためのデモを作成しましたそれを確認してください http://jsfiddle.net/UvGDj/

4
Starx

これは簡単です。 2列のレイアウト、2番目の列(コンテナー)は右にフロートし、with withおよびtext-align:centerを固定します。これに上部のテキストと5つのボタンが含まれるようにします。

0
Sri