フォーム要素の下にフロートラベル

select要素の下にlabel.errorを表示しようとしています。私はfloatでたくさんのことを試していますが、私は明らかにその点を見逃しています。フォーム要素の下にフロートラベル

ここはフィドルです http://jsfiddle.net/ALUQB/5/「タイムゾーンを変更」ボタンを押して、インラインで表示されていることを確認します。私は選択の下にそれをしたい。以下は

出典

2012-01-04 Tom

あなたの希望する結果は現行の** HTML **では不可能です。余分な要素を使って行うことができます... – xandercoded

可能な解決策（余分div要素に注目してください）です：

http://jsfiddle.net/ALUQB/7/

http://jsfiddle.net/ALUQB/8/などの必要な

出典

2012-01-04 03:13:57 xandercoded

私は全体の話をしていたはずです...このページにはさらにフォームがあります。以下に、検証が必要なもう1つのフォームの例を示します。http://jsfiddle.net/ALUQB/16/だから私はすでに手助けしてくれたようなバリデーションを追加したいと思っていますが、どちらのフォームでも有効です私はなぜ私のページのように見えないので、 "電子メールアラート"がフィドルの中心にあるのか分かりません。私はそれがちょうどCSSソリューションである必要はありません言及する必要があります、htmlを追加するといいです。私はこれに良いスタートを各フォームの周りにdivを追加すると思いますか？ – Tom

@TomPepernicいいえ - divは入力フィールド 'textarea'、' input [type = "text"] '、' input [type = "check"] 'so'などを 'form'で囲む必要があります。 .. – xandercoded

何かがうまくいくようleftとbottomプロパティを調整しますが、もし後に別のアイテムがあると、問題が発生します。少なくとも、フィドルのために良い。

私がやったことは、絶対にそれを配置し、左にバンクして、少し下にずらして上に余白を入れて配置することです。

編集：数秒でパンチラインに殴られます。これらのソリューションのどちらも機能し、どちらも特に理想的/柔軟性はありません。

出典

2012-01-04 03:14:48 SpoonNZ

あなたのソリューションは、現在の例（フォーム要素の1つ）で動作しますが、複数のフォーム要素にエラーがある場合には "ブレーク"します。*エラーはスタックします* ... – xandercoded

そうです。私はあなたもそうだと思う。選択の幅を保証できれば、多くのピクセルが負のマージンを定義するのが最良かもしれないが、それでもなおハッキリです。 – SpoonNZ

Mineは絶対配置されていない要素は、私の場合はdiv.ctrl-container'の最も近い明示的に配置された親の相対位置に配置されます – xandercoded

フォーム要素の下にフロートラベル

答えて

関連する問題