1

私は HTML/jQuery の初心者で、クラスのポートフォリオ サイトを設計しています。テキストが入る左側のボックスを含むグラフィックを作成しました。ユーザーのスクロールを最小限に抑えたかったので、画像を含む div をウィンドウに合わせてサイズ変更し、最小サイズも実装しました。テキストボックスでこれを行う方法について少し混乱しています。テキストを保持するために、背景画像の div 内に含まれる div を作成しようとしています。このテキスト div はボックス グラフィック内に配置し、画像に合わせてサイズを変更する必要があります。マージンにパーセンテージを使用しようとしましたが、ウィンドウのサイズを変更すると再び整列されなくなるため、機能しません。

【ページはこちら】

【CSSはこちら】

また、これは進行中の作業であり、グラフィックスとアニメーションはそのままではありません! 誰かが私を助けることができるなら、私に知らせてください、そしてありがとう!!

4

1 に答える 1

0

このjsfiddleを見て、これがあなたが望むものに近いかどうか教えてください。

html:

<html>
<head>
  <title></title>
</head>
<body>
    <header>some | header | nav</header>
    <div class="content">
        <p>test text</p>
    </div>
    <footer> a &copy; symbol </footer>



</body>
</html>​

CSS:

body {
 background:gray;   
}
header {background:black; color:white}
footer {background:black; color:white}

.content {
    margin: 25px;
    height: 30px;
    width: 100px;
    padding: 50px;
    border: 1px solid black;
}
​

http://jsfiddle.net/VsKsQ/

それが役立つことを願っています。

于 2012-12-10T23:29:37.863 に答える