0

新しいフード フェスティバルのテスト サイトは次のとおりです。

http://aksarbenribfest.bugs3.com/public_html/#!/page_home

フロント ページの漫画のロゴを各ページの上部にあるメニュー矢印の近くに移動することができましたが、残りのページをページの「上に移動」させることができません。

列のタイトル (「音楽」ページの木曜日、金曜日、土曜日など) と矢印メニュー ボタンの下部の間のギャップをなくしたいと考えています。

私はテンプレートを変更しているので、他のヘルプやヒントは間違いなく高く評価されます - 深く入り込む前に!

4

5 に答える 5

0

topあなたのセクションのスタイルを変更するcontentと、あなたが探しているものが達成されると思います:

ここに画像の説明を入力

(フルサイズ)

于 2013-01-19T19:38:38.523 に答える
0

問題は、次の行のインライン スタイルです。

  <section id="content" style="top: 210px;">

トップ値を小さい値に変更するだけです。

于 2013-01-19T19:39:27.953 に答える
0

次のようなセクション要素に CSS があります。

 <section id="content" style="top: 210px;">

100px程度に縮小してみてください。

于 2013-01-19T19:39:41.123 に答える
0

削除してから#content > ul > li top: 75px 追加#content #page_home { top: 75px }

于 2013-01-19T19:40:35.010 に答える
0

コンテンツの位置を動的に変更する関数を変更する必要があります

$(window).resize(function (){
    if (content)
        content.stop().animate(
           {'top':(windowH()-content.height())*.5},
           500,'easeOutCubic');
});

あなたのscripts.jsで

現在、垂直方向の中央に配置されています。より低い値を計算してみてください (.5 を .2 に変更するのが最も簡単な方法かもしれません。とにかく、小さなウィンドウ サイズで大きくなりすぎないように注意してください)

于 2013-01-19T19:51:50.997 に答える