2

私はstackoverflowに不慣れであり、Web開発にも不慣れです。私がやろうとしていることの最初の部分は簡単なはずだと思いますが、それを理解するのにかなり苦労しています。

最初のスタイルは明らかに私の背景画像を中央に配置し、それはうまく機能しているようです。次にやりたいのは、ページに3つの要素を追加することです。1.グラフィック、2。入力する文字数を300文字に制限する固定サイズのテキストエリア、および3.送信ボタン。

これらすべての要素を中央に配置したいと思います。テキストエリアは真ん中に配置し、グラフィックはテキストエリアの左端とその上に10ピクセル配置し、送信ボタンは右に配置し、その下に10ピクセル配置する必要があります。

これが私が持っているものです：

html { 

        background: url(field1.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;  

    }

#box {

    position: absolute;
    background-image:url(textarea.png);
    height: 250px;
    width: 550px;
    border-radius: 5px;
    margin: -125px 0 0 -275px;
    top: 50%;
    left: 50%;

}


#button {

    position: absolute;
    background-image:url(button.png);
    height: 55px;
    width: 151px;
    top: 260px;
    left: 399px;
    border-radius: 5px;
}

#graphic {

    position: absolute;
    background-image:url(graphic.png);
    height: 58px;
    width: 184px;
    top: -328px;
    left: -399px;
}


<div id="box"></div>
<div id="button"></div>
<div id="graphic"></div>

HTMLの要素ごとに1つずつ、合計3つのDIVがあり、300文字に制限されている中央のボックス内のカーソルになるようにtextareaを追加する方法を考えています。

現時点では、textareaが機能するようにすべてを適切に並べたいと思います。次に、ボックスからテキストを送信して保存し、それを使用してさまざまなことを実行します。どんな助けでも大歓迎です。ありがとうございました。

4

1 に答える 1

0

このような？http://jsfiddle.net/zFcHp/3/ - 300はテストするのが本当に面倒なので、300ではなく10に制限しました:)。maxlength 属性を変更するだけです。

また、クライアントから返される文字列の長さを確認する必要があることにも注意してください。これは、firebug を使用しているユーザーや他の 100 のツールのいずれかがクライアント側で制限を解除し、好きなものを送信できるためです。彼らは Firefox 用のコードをダウンロードし、それを修正して任意の Web 標準ルールに違反させ、再コンパイルすることさえできます。

于 2012-09-13T18:45:36.587 に答える