Sinitra haml:span标签看起来效果不佳

时间:2012-02-28 17:57:05

标签: ruby sinatra haml

我不久前发现了Sinatra,并开始将我用html / php / css制作的网页形式翻译成sinatra语言。

此时,除了一件事之外,一切似乎都很有效:一个span标记。

当我运行我的sinatra时,我收到以下错误:

/ aaa / bbb /.../ views / index.haml in nil       %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;
}

这是haml代码

%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>

1 个答案:

答案 0 :(得分:0)

您应该包含实际错误。我认为你的问题是标签包含内联和嵌套内容。它应该是

%label
  Name
  %span.small Add your name