2012-03-01 3 views
1

私は過去1時間ほど、これらのテキストフィールドを互いの上に置くことを試みてきました。 いくつかの例を試した後、私はいくつかの例を試してみました。 JSフィドルの私の例です。 http://jsfiddle.net/53D5M/10/お互いの上に横たわるテキストフィールドCSS

私はあなたが何を意味するかを見ていただきたいと思います。 divの上半分が元のメッセージ、下半分が返信になります。私はちょうど件名の入力フィールドをテキストエリアの上に置くことを望みます

私はこれでかなり新しいです、私はちょうど見ていないのはごめんなさい。 一房ありがとう -Sal

+1

あなたがそれをしたいかを視覚的に例を提供し、そしてそれは、ブラウザ上でどのように見えるかをすることはできますか?どのブラウザを探していますか? – JuanOjeda

+1

私はあなたがそれが欲しいと思う方法のイメージを求めることができますか? – Bert

+0

私はChromeで作業していますが、基本的には、テキスト領域の上にある入力を探していて、下にあるように入力すると、私のjsfiddleで見ることができますtheyreすべての隣に横たわって – Silas

答えて

1

あなたが欠けているのは、各フィールドの後に改行または別のdivがあることです。単に

<input type="text" placeholder="Type Subject Here" /><br/><br/> 
<textarea rows="7" placeholder="Begin Typing Message"></textarea><br/><br/> 
<button type="submit">Send</button> 

この例では、私は十分に押し下げされるtextareaのための2つの改行(
)を追加する必要がありました。通常、各フォーム要素を独自の形で入れることもできます<div>コンテナ

+0

はい、ありがとうございました!私はhtmlでそれをすることを知らなかった、私はそれが私が行方不明だったいくつかのCSSだと思った!私はあなたの答えを5分で受け入れることができます。 – Silas

関連する問題