2009-12-14 4 views

ответ

6

Самый чистый способ - установить идентификатор или класс для формы и задать ширину и высоту формы с помощью CSS. По вашему мнению:

<% form_for ..., :html => { :class => "myform" } do |f| %> 
    ... 
<% end %> 

Установите ширину и высоту формы в public/stylesheets/application.css:

form.myform { 
    width: 75%; 
    height: 500px; 
    /* Or fill in whatever width and height values you need */ 
} 

Наконец, убедитесь, что application.css таблица стилей включена в макете HTML. Ваш app/views/layouts/application.html.erb должен содержать строку:

<%= stylesheet_link_tag "application" %> 

Заключительное примечание: Будьте осторожны о выборе конкретной высоты ваших форм. Если содержимое формы не соответствует указанной высоте, ваша форма, вероятно, не будет выглядеть так, как предполагалось. Вы можете предотвратить это, установив overflow: scroll в таблицу стилей сразу после объявлений ширины и высоты, но в большинстве случаев вам, вероятно, лучше позволить, чтобы форма занимала нужную ему высоту.

+0

Я новичок в веб-программировании, поэтому мало знаю о css. И где я должен положить css? Мне было бы хорошо, если бы вы смогли предоставить мне полное решение, чтобы я мог следовать шаг за шагом. Спасибо :) – pierrotlefou

+0

Хорошо, я обновил свой ответ с некоторыми дополнительными деталями. Надеюсь это поможет! –

+0

+1. Я согласен. Хотя можно задать атрибуты width & height или даже встроенные стили с помощью помощника, лучше всего отделить ваш презентационный уровень (CSS) от структурного (HTML). –

Смежные вопросы