こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

回答受付中の質問

【CSS】【HTML】横並びメニューについて

【CSS】【HTML】横並びメニューについて
ホームページに上画像のような4つボタンのある横並びメニューを作りました。
ぼかしている部分と赤と黄色の棒を背景とし、その上にボタン部分となる各4つの画像を重ねています。

しかし4つの画像をピクセルで位置のの指定をしているため、ページ全体をセンタリングすると、各ボタン画像が背景について行かず下の画像のようになります。

ページ全体をセンタリングした場合も上画像のようにするためにはどうしたら良いのでしょうか?

ページは1000px程度で考えています。
さらにこのページを1920pxまで横に伸ばした場合に余白部分に赤と黄色の棒部分を表示させる方法があれば教えていただきたいです。(メニューから端まで同じデザインが続く感じ)
イメージはhttp://www.kumamoto-med.jrc.or.jpのホームページのような感じです。

ちなみにボタンはa:hoverで切り替えています。

投稿日時 - 2017-05-20 03:22:22

QNo.9331328

困ってます

回答(0)

この質問にはまだ回答がついていません。
あなたが最初に回答してみませんか?