2011-03-31 4 views
4

HTML 코드를 출력하기 위해 float 클래스를 언급하는 목적이 무엇인지 이해할 수 없습니다 ..이 레일 기능 때문에 문제가되는 것은 다음 요소가 그 옆에 표시된다는 것입니다 그 직후에 올거야. .. :as=>:float:as=>:string 감사로 변경해야 .. 최대한 빨리 답장을 친절하게 .. inpput 쓰기 클래스 플로트를 제거하려면 .. 정수/문자열로 표시로SImple 폼 입력을 float으로 추가 float 클래스

을 대신 jQuery를 사용하여이 문제를 해결하거나 어떤 쉬운 방법이 있나요
<%= 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

답변

0

다른 사람들이 html 출력 및 CSS 코드를 보는 것이이 질문에 더 쉽게 답할 것이라고 동의합니다. 내 추측으로는 CSS에 "float : left;"라고 말한 것입니다. 그리고 그 다음에, 그리고 저장 및 취소하기 전에 단순히 "clear : both;"와 함께 div를 추가해야합니다. CSS로. 그런 다음 제출 및 취소 버튼이 아래에 표시됩니다.

플로트를 제거하고 결제 속도에 상대적인 위치 지정 만 사용할 수도 있습니다.

0

무언가 같이 당신은 할 수 : 확실히 아무것도를 만들기없는 것은 유형의 텍스트 입력 요소의 오른쪽에 수레

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

.

0

양식에서 수레를 사용하는 것은 매우 일반적입니다.

일반적으로 버튼의 왼쪽 여백에는 레이블 너비가 같습니다.

레이블 + 입력란이 li 또는 div 블록 안에 있다고 가정합니다.

제출 버튼도 li 또는 div 안에 있어야한다고 가정합니다.

1

:as=>:float은 css와 아무 관련이 없습니다.이 유형은 입력 유형이 부동 소수점 숫자가되도록 지정하는 데 사용됩니다. 이는 단순한 양식이 사용자 입력에 대해 몇 가지 유효성 검사를 수행 할 수 있도록 지정합니다.

당신이 볼 필요가있는 것은 간단한 양식이 CSS 요소 주위에 놓여있는 기본 태그입니다. 기본 요소는 아마도 div 일 것입니다. 따라서, 문제는 CSS 또는으로 단락 태그로 변경하여 고정 될 수있다 :

SimpleForm.wrapper_tag = :p

당신이 그것을 해결하기 위해 빠른 해킹이 필요하면 당신이 단지 HTML 줄 바꿈 태그에 던질 수있는 상상 .