字段集左右的CSS

我有一個表格，我需要表現出這樣的信息：字段集左右的CSS

您的姓名您的地址您的電子郵件您的密碼提交

現在，我得到這樣的：

<fieldset class="left"> 
    <input type="text" id="name" placeholder="Your Name*"/> 

    <input type="email" id="email" size="50" placeholder="Your Email*"/> 

</fieldset> 
<fieldset class="right"> 
    <input type="text" id="tel" size="50" placeholder="Your address*"/> 

    <input type="text" id="cel" size="50" placeholder="Your password*"/> 
    <input type="submit" value="Submit"/> 
</fieldset>

我的類：

.left{float:left;} 
.right{float:right;}

但它不起作用...

任何想法？

而且演示：http://jsfiddle.net/Nu5fG/

來源

2014-01-11 lucasvm1980

太寬的字段 –

「它不起作用」沒有指定您的問題。請說明一下你的問題，以便我們確信我們明白你想要達到的目標，你嘗試了什麼，以及你是如何失敗的。 –

Hello Lajos，我已經在我的帖子中添加了演示，所以你可以看到它現在是如何工作的...所以我不知道你的意思是：「請在展示你的問題時展示一些努力」我認爲它是清楚，我想在左側顯示一個字段，右側顯示其他字段.... – lucasvm1980

它與你的輸入字段的「大小」的設置做。將它們全部更改爲20，然後按照自己的意願進行操作。

上面的評論是最低限度的幫助，讓我看看我能否給你一些實質性的東西。

在這種情況下，我不認爲表佈局是一件壞事。數據是「種類」表格。
您將不得不擴大您的頁面，或將輸入元素縮小到可能的最小尺寸。
你真的需要兩組字段集嗎？
你可以用小字體逃脫嗎？彈出窗口中的字段是？

來源

2014-01-11 03:11:09 TimSPQR

字段集左右的CSS

回答

相關問題