2011-10-18 87 views
3

これ以外は何も動作しません。大きなテキストテーブルを右に入力すると、横のnavが表示されます。HAML:テーブルの列の幅が有効でない

index.haml

%table{:border => 1, :width => "100%"} 
    %tr 
    %th{:width => "200"} Name 
    %th.edit Edit 

    - @wallpapers.each do |wallpaper| 
    %tr 
     %td.name= wallpaper.name 
     %td= link_to (image_tag wallpaper.thumb.url(:thumb)), edit_wallpaper_path(wallpaper) 
     %td= button_to 'Delete', wallpaper_path(wallpaper), :confirm => 'Are you sure you want to delete this wallpaper?', :method => :delete 

のstyle.css

th.edit {width:20%;} 
td.name {width:20%;} 

答えて

3
あなたは本当にスタイルを設定したい

は、いないHTML属性

これを試してみてください:

%table{:style=>"border: 1px; width: 100%"} 

あなたが実際に作成していることである:

<table border="1" width="100%"> 

そして、あなたが作成する必要があります。もちろん

<table style="border: 1px; width: 100%"> 

を、クラスやCSSを使用すると良いでしょうが、これは当面の懸念を解決します。

+0

私はこのようなことを使用しているからです。__%table.classname {:cellpadding => 5、:cellspacing => 5、:border => '1'} __。あなたがcellpaddingとcellspacingがCSSの部分ではないことを知っているように。 しかし、とにかくあなたのソリューションは私のために働いていません:(テーブルの列はまだワイドワイドです) **%th {:style => "width:200px";}名前**と何もなし – TiSer

+0

これは正しい方法ですHAMLでそれを行うには。あなたの問題は、CSSになりました。 –

+0

ので、初心者のミスを:(私はそのような任意のスペースを含まない。そしてので、水平のナビゲーションappeapsの「aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa ...」などのテスト・テキストを持っている。おかげでジェシー!:) – TiSer

関連する問題