-1

他の場所で使用するためにページを修正するように依頼されました。

私が解決できない謎を除いて、基本的に私がやったことはすべてです。

私が基にしているページはhttps://wombatservers.com.au/theburrowです

マインクラフトの世界を描いた上部の大きな画像に注目してください。基本的に、画面の幅全体を埋めることはできません（他のプロジェクトでは特定のサイズである必要があります）。しかし、私の人生では、これがどこで制御されているかを見つけることはできません。下部の青いフッターと同じです.

したがって、これらの要素の幅がどの行で呼び出されているかを誰かが追跡するのを手伝ってくれれば、それは素晴らしいことです。

（これは私が見落としていた本当に明白なことだと思っています）

ありがとう

4

2 に答える 2

3

次の css は画像を追加します。

.pager {
  background: url(../images/slide1.jpg) center center repeat-x;
  padding: 50px 0 50px 0;
}

html は次のようになります。

<div class="pager">
  <div class="wrapper">
    <div class="pager-title l">
      <h1>The Burrow</h1>
      <p>Tutorials, lessons, resources and a whole lot more!</p>
    </div>
    <div class="test-text r">
      <h2>By far the best Aussie host I've ever used! No lag at all!<img src="images/bulate2.png" alt="" style="position:relative; margin-left:10px; margin-top:-15px;"></h2> 
      <p>— Jeremy, <a href="#">EmuCraft Australia</a></p>
    </div>
    <div class="c"></div>
  </div>
</div>

次のように、ラッパー div 内にページャー div を配置することをお勧めします。

<div class="wrapper">
  <div class="pager">
    <div class="pager-title l">
      <h1>The Burrow</h1>
      <p>Tutorials, lessons, resources and a whole lot more!</p>
    </div>
    <div class="test-text r">
      <h2>By far the best Aussie host I've ever used! No lag at all!<img src="images/bulate2.png" alt="" style="position:relative; margin-left:10px; margin-top:-15px;"></h2> 
      <p>— Jeremy, <a href="#">EmuCraft Australia</a></p>
    </div>
    <div class="c"></div>
  </div>
</div>

またはそのようなものですが、フッターでも同じことを行う必要があります。

于 2013-02-18T21:44:09.720 に答える
0

どちらの画像も背景であり、background-size プロパティが設定されていないため、ブラウザーは画像ファイルの幅全体を使用して、html オブジェクトが終了する場所をトリミングします。したがって、ヘッダー画像の幅は 1600px で、フッターの幅は 1169px です。ただし、表示されるサイズはビューポートの幅によって異なります。

于 2013-02-18T21:41:20.373 に答える