HTML таблица / tr высота - PullRequest
Новая
       17

HTML таблица / tr высота

2 голосов
/ 17 ноября 2011

Я пытаюсь исправить высоту строки таблицы HTML.Ниже приведен код, который я использую: 

<div data-role="page">
      <div class="pageTitle">
      <h1>Products</h1>
      </div>

      <div class="toolbar">
        <div class="leftItem backButton">
          <a class="slide" href="<%= url_for :action => :back_to_index %>">Back</a>
        </div>

        <div class="rightItem blueButton" >
          <a href="<%= url_for :controller => :Shippingaddress, :action => :new %>">Check Out</a>
        </div>
      </div>

      <div class="content">

      <ul>
         <% for i in 0..($products.length - 1)  %>
           <li>
              <form method="POST" action="<%= url_for :action => :postAsynchttp %>">
                  <table style="height:20px">
                      <tr>
                      <td style="height:20px; width:80px">    
                          <a href="<%= url_for :action => :productDetails, :id=> $products[i.to_s] %>">
                          <span class="title"><%= $products[i.to_s] %></span>
                          </a>
                      </td>    
                      <td width='40'>       
                          <input type="submit" value="Add to Cart"/>                        
                      </td>
                      </tr>
                  </table>           
              </form>
          </li>
         <% end %>
        </ul>

      </div>
</div>

Все, что я получаю, это вывод ниже:

enter image description here

Это не вывод, который я хочу.Я не хочу лишних пробелов после Добавить в корзину кнопка в строке таблицы.

Ответы [ 3 ]

3 голосов
/ 17 ноября 2011

Вам нужно будет установить высоту вашего li, а не таблицы / tr / td

Чтобы сделать это в CSS: 

ul li {height: 20px;}

Чтобы сделать это в вашем существующем html: 

<li style="height: 20px;">
1 голос
/ 17 ноября 2011

Кроме того, в дополнение к моему первому ответу, после того, как я на минуту посмотрел на это, я хотел бы знать, нужны ли вам элементы списка в таблице, интересно, добавляет ли это дополнительный пробел. Попробуйте этот код вместо того, что у вас есть в настоящее время, я удалил таблицу и вручную разместил ссылку на ваш продукт и кнопку. Я думаю, что это должно помочь вам. 

<div data-role="page">
  <div class="pageTitle">
  <h1>Products</h1>
  </div>

  <div class="toolbar">
    <div class="leftItem backButton">
      <a class="slide" href="<%= url_for :action => :back_to_index %>">Back</a>
    </div>

    <div class="rightItem blueButton" >
      <a href="<%= url_for :controller => :Shippingaddress, :action => :new %>">Check Out</a>
    </div>
  </div>

  <div class="content">

  <ul>
     <% for i in 0..($products.length - 1)  %>
       <li>
          <form method="POST" action="<%= url_for :action => :postAsynchttp %>">   
                      <a href="<%= url_for :action => :productDetails, :id=> $products[i.to_s] %>">
                      <span class="title"><%= $products[i.to_s] %></span>
                      </a>
                  &nbsp;
                      <input type="submit" value="Add to Cart"/>                        
          </form>
      </li>
     <% end %>
    </ul>

  </div>
</div>
0 голосов
/ 17 ноября 2011

Пожалуйста, попробуйте увеличить ширину нижеприведенного кода.

(попробуйте увеличить его на 100%>

...