バグ報告 > その他 > ヘッダーの編集について |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
t00310 |
投稿日時: 2012/9/26 16:03
対応状況: −−−
|
常連 登録日: 2012/5/24 居住地: 投稿: 50 |
ヘッダーの編集について user_data > packages > default > css > common.css
を探り探り編集を試みております。 一つ行き詰ってしまったので教えてください。 ヘッダーの高さを min-height: 82px; → min-height: 120px; に変更をしてたくくしました。 すると背景画像は下について降りるのですが、ロゴ画像やヘッダーナビは上寄りに残ったままになってしまいます。 下寄りに変更するにはどこを修正すればいいのでしょうか? 素人なりに調べてみて vertical-align: sub; を /* ============================================== ヘッダー =============================================== */ /* レイアウト ----------------------------------------------- */ #header_wrap { border-top: solid 3px #FE8485; min-height: 82px; ←←←←←←←←ここ background: ←部分に入れてみたりしましたがピクリともしません。 よろしくお願いいたします。 [EC-CUBE] 2.12.2 新規インストール [レンタルサーバ] スピーバー [OS] Windows7 [PHP] 5.2.17 [データベース] MySQL 5.0.83-community [WEBサーバ] Apache [ブラウザ] IE9 |
torataro |
投稿日時: 2012/9/27 0:19
対応状況: −−−
|
一人前 登録日: 2010/6/16 居住地: 東京都台東区 投稿: 140 |
Re: ヘッダーの編集について こんばんは。
ブラウザの開発者デバッグツールを使うと、 HTML要素にどのようなCSSが適用されているか、 簡単に確認できますよ。 chromeならF12キー。 FireFoxならFirebugというアドインをインストールします。 参考になれば幸いです。 |
tanaca |
投稿日時: 2012/9/27 9:03
対応状況: −−−
|
仙人 登録日: 2010/11/28 居住地: 福岡県 投稿: 332 |
Re: ヘッダーの編集について vertical-align:はインライン要素やテーブルでしか使えなかったと思います。
いろいろ方法はあるかもしれませんが、「vertical-align: sub;」ではなく 代わりに「padding-top: 40px;」を入れたらどうでしょうか。 ※40pxは適当に調整してください。
|
t00310 |
投稿日時: 2012/9/28 12:55
対応状況: 解決済
|
常連 登録日: 2012/5/24 居住地: 投稿: 50 |
Re: ヘッダーの編集について ありがとうございます。希望通り構築ができるようになりました。
まだ先は長そうですが頑張ってみます。 またよろしくお願いいたします。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |