2011-03-31 53 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换行符标签。