Я недавно обнаружил Синатру и начал переводить веб-форму, созданную мной в html / php / css, на язык синатры.
На данный момент все работает отлично, за исключением одного: тега span.
Когда я запускаю свою синатру, я получаю следующую ошибку:
/ aaa / bbb /.../ views / index.haml в ноль
% span.small Добавьте свое имя
Понятия не имею, почему он не работает, поскольку все в коде работает очень хорошо!
Вот часть моего CSS-файла (обратите внимание, что я удалил часть кода, чтобы не было его тонны.% H1,% p и т. Д. Работают хорошо!):
body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/*text-align:center;*/
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
.myform{
margin:0 auto;
width:400px;
padding:14px;
}
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:145px;
}
Вот код хамла
%html
%head
%title Website Test
%link(rel="stylesheet" href="css/styles.css")
%body
#stylized.myform
%form{ :id => "form", :name => "form", :method => "post", :action => "form1.rb"}
%h1 Virtual Machine Form
%p Please fill every field and then hit the submit button
%label Name
%span.small Add your name
%input{ :type => "text", :name => "name", :id => "name"}
А вот HTML-код, который работает
<div id="stylized" class="myform">
<form id="form" name="form" method="post" action="vmform_process.php">
<h1>Virtual Machine Form</h1>
<p>Please fill every fields and the hit the submit button</p>
<label>Name
<span class="small">Add your name</span>
</label>
<input type="text" name="name" id="name" />
...
</form>
</div>