html - HTML/RoRレイアウトテーブルのフォーマット

Question

遊んでいるアプリのフォーマットをいじっているだけです。次のようになります。

テーブルを使用して取得し、「sd」の下にあるすべてのものがそのすぐ隣に表示されるようにします。そのようです：

どうすればそれを行うことができますか...テーブルを使用しますか？

これが私の現在のコードです：

<div class ="individ_post">
    <table>
        <tr>
            <td>
                <p>sd</p>
                <p>sd</p>
                <p>sd</p>
                <p>sd</p>
                <p>sd</p>
                <p>sd</p>
                <p>sd</p>

            </td>
        </tr>
<% @posts.each do |post| %>

            <tr>
                <td id="voting_deletion_table">
                    <div id="post_voting_and_deleting">
                        <div class="vote_score"><%= post.reputation_value_for(:votes).to_i %></div>
                        <br />
                        <% if user_is_logged_in? %>
                            <%= button_to "+", vote_group_post_path(@group, post, type: "up"), method: "post" %>
                            <%= button_to "-", vote_group_post_path(@group, post, type: "down"), method: "post" %>
                        <% end %>
                    </div>
                    <% if user_is_logged_in? && current_user.id == post.user_id %>
                        <td><%= button_to 'x', [@group, post], method: :delete, confirm: 'Are you sure?' %></td>
                    <% end %>
                </td>
                <td id="previow_of_post_table">
                    <div class ="preview_of_post">
                    <% if post.image_url %>
                        <%= image_tag post.image_url(:thumb).to_s %>
                    <% elsif post.link %>
                        <%= extract_content_from_url(post.link) %>
                    <% end %>
                    </div>
                </td>
                <td id="comments_table">
                    <div class ="post_author">@<%= post.user.username%>:</div> <div class ="post_title"><%= post.title %></div>

                    <% post.comments.each do |comment| %>
                    <div class ="post_comments">
                        > <span class="comment_username">@<%= comment.user.username %></span>:<%= comment.body %>
                    </div>
                    <% end %>

                    <% if user_is_logged_in? %>
                        <%= form_for([post.group, post, post.comments.build]) do |f| %>
                        <p>
                            <%= f.label :comment %><br />
                            <%= f.text_area :body, :rows => 3, :cols => 55 %>
                        </p>
                        <p>
                            <%= f.submit %>
                        </p>
                        <% end %>
                    <% end %>

                </td>
        </table>
    </div>

    <hr />
    <br />

<% end %>

ありがとう！

Answer 1

div を使用した CSS ポジショニング、position:relative (このページのステップ 2 ) の行に沿った何か?

Answer 2

レイアウトに TABLES を使用しないでください。FLOAT を使用します。

表は表形式のデータ用であり、人々は 1999 年に立ち往生しています。

構造は次のようになります。

<div class="wrapper">
     <div class="labels">
       sd ... sd ...
     </div>
     <div class="controls">
         ...buttons...
     </div>
     <div class="formpanel">
         ...your form elements ....
     </div>
</div>

要素の幅を設定しfloat:left、内側の DIV 要素に使用します。