2011-03-31 57 views
4

我不明白提出一個浮動類來輸出HTML代碼的目的是什麼..由於這種鐵路功能,所面臨的問題是,下一個元素來接近它在它之後來臨。有沒有簡單的方法來解決這個問題,而不是使用JQuery或在寫inpput作爲整數/字符串來顯示它。要刪除該類浮動..請儘快回覆.. :as=>:float需要改變,以:as=>:string 謝謝..SImple表單輸入作爲浮動添加浮動類

<%= f.association :resource, :required=>:true, %> 
     <%= f.input :join_date,:as=>:string, :required=>:true, :input_html=>{:class=>'datepicker'} %> 
     <%= f.association :resource_role, :required=>:true, :label=>"Role" %> 
     <%= f.association :resource_billing_type, :required=>:true, :label=>"Billing Type" %> 
     <%= f.input :billing_rate, :as=>:float, :required=>:true, %> 

Image of Question

+1

這是一個普通的html/css問題。你可以顯示一些HTML和CSS。這很容易解決,但這取決於您的確切代碼。 – nathanvda 2011-03-31 09:33:30

回答

0

我同意其他人看到html輸出和CSS代碼會讓這個問題更容易回答。我的猜測是你有一些CSS說「float:left;」然後在保存和取消按鈕之前,您只需添加一個帶有「clear:both」的div;作爲CSS。然後提交和取消按鈕將在下面。

也有可能您可以刪除浮動,並使用相對定位計費。

0

你可以這樣做:

input[type="text"] { 
    clear: right; 
} 

確保沒有與類型的文本輸入元素的右側浮動。

0

在表單中使用浮動很常見。

通常情況下,您的按鈕的左邊距等於標籤的寬度。

我假設您的標籤+輸入字段要麼在lidiv塊之內。

我假設您的提交按鈕也應該在這樣的lidiv之內,並且缺少該按鈕。

1

:as=>:float與css無關,它用於指定輸入類型將是浮點數(這使得簡單的表單可以對用戶輸入執行一些驗證)。

你需要看的是默認標籤簡單的形式是圍繞你的CSS元素,這可能是一個默認的div。因此,問題可能是固定與CSS或通過與改變一個段落標記:

SimpleForm.wrapper_tag = :p

如果你需要一個快速的黑客來解決它,我會想象你可以扔在一個HTML換行符標籤。