2014-08-28 68 views
1

我看過這裏的一些示例並遵循一個示例,但它不是開着的。請問我錯過了什麼?由css控制的標籤和輸入標籤寬度

fieldset { 
    overflow:hidden; 
    width:90% 
} 
label { 
    padding-left:26px; 
    width:250px; 
    display:block; float:left; clear:left; 
} 

input { 
    width:200px; 
    display:block; float:left; 
} 

.formFieldDiv { float:left; width:500px } 


<td style="width:70%" align="left" valign="top"> 
<form id="divorce" name="divorce" method="post" action="send_form_email.php"> 
    <fieldset> 
     <div id="spouse1" class="formFieldDiv" > 
      <label for="spouse1">Full Names + Surname Spouse 1*</label> 
      <input type="text" name="spouse1" id="spouse1" maxlength="50" size="30" />       
     </div> 
     <div id="spouse2" class="formFieldDiv"> 
      <label for="spouse2">Full Names</label>      
      <input type="text" name="spouse2" id="spouse2" maxlength="50" size="30"/> 
     </div> 
    </fieldset> 
</form> 
</td> 

我在想什麼?我想輸入的所有行

on the actual page

+0

http://jsfiddle.net/charles_cat/omwth1cy/2/ – 2014-08-28 09:12:19

+0

你能解釋一下你正在嘗試做的,請 – haxxxton 2014-08-28 09:14:22

回答

1

添加

display:inline-block; 

到標籤

+0

AAAH確定我看到讓我在撥弄快謝謝試試吧! – 2014-08-28 09:41:13

+0

它在小提琴中工作,但不在我的網頁上,生病後的截圖 – 2014-08-28 09:44:24

+0

你也可以添加'display:block;向左飄浮;清除:左邊;'到你的標籤和'display:block; float:left;'輸入。這也是一樣。 – rblarsen 2014-08-28 09:48:25

1
<div id="spouse1" class="formFieldDiv" > 
     <label for="spouse1">address</label>     
     <input type="text" name="spouse1" id="address" maxlength="50" size="30" />       
    </div>> 

變化</div>></div>

,我需要看你的send_form_email.php文件

+0

哎呀錯字感謝 – 2014-08-28 09:39:28

+0

爲什麼這是相關的?我只是希望我的投入全部符合wrt html – 2014-08-28 10:38:25

2
formFieldDiv is a class so use . before it in css ie- 
.formFieldDiv { float:left; width:500px } instead of 
formFieldDiv { float:left; width:500px } 
+0

ooo ok不知道謝謝 – 2014-08-28 09:38:01