2012-03-02 9 views
0

古典的なフォームでは、凡例のタグは下のように上の枠と同じ行にあります。フィールドセット内の凡例をフォームの下に移動

enter image description here

コードは次のとおりです。

... 
<fieldset> 
    <legend>Connexion</legend> 
    ... 
</fieldset> 

それは以下のように示したformularに低く、この伝説を移動することは可能ですか?

enter image description here

CSSが何であるかを任意のアイデア?

ありがとうございました。以下は


UPDATE

次のCSSを適用した後の結果である:

fieldset { 
    position:relative; 
}  

legend { 
    top:20px; 
    position:absolute; 
    font-size:20px; 
    font-weight:bold  
} 

enter image description here

伝説 'Connexionの' の後に、より多くのスペースを追加する方法は?

答えて

5

これはCSSで行うことができます。絶対配置を使用しないと、フィールドセットの境界線に大きな隙間ができます。

fieldset { 
    position:relative; 
} 

legend { 
    top:50px; 
    position:absolute; 
    font-size:20px; 
    font-weight:bold 
} 
+0

ありがとうございます。結果を示すために質問を更新しました。今私は伝説の「Connexion」の後にさらにスペースが必要です。何か案が? – Bronzato

+1

変更:フィールドセット{ 位置:相対; padding-top:30px } –

+0

IE、Chrome、Safariでは動作しますが、Firefoxでは動作しません! – Bronzato

関連する問題