Fixes for bad HTML with better HTML and CSS

Signed-off-by:Roland Häder <roland@mxchange.org>

diff --git a/web/index.jsp b/web/index.jsp
index 69f8b7686bd95467d2439bbe711a6ed5e367a6e9..916ccd5022233022677e31e9ea21d6b72c5404d3 100644 (file)
--- a/web/index.jsp
+++ b/web/index.jsp
@@ -41,59 +41,59 @@
 
                        <div id="content">
                                <table class="table">
-                                       <thead>
-                                               <tr>
-                                                       <th class="table_header_column">
-                                                               Bestellen?
-                                                       </th>
-                                                       <th class="table_header_column">
-                                                               Anzahl:
-                                                       </th>
-                                                       <th class="table_header_column">
-                                                               Produkt:
-                                                       </th>
-                                                       <th class="table_header_column">
-                                                               Einzelpreis:
-                                                       </th>
-                                               </tr>
-                                       </thead>
+                                       <tr>
+                                               <th class="table_header_column">
+                                                       Bestellen?
+                                               </th>
+                                               <th class="table_header_column">
+                                                       Anzahl:
+                                               </th>
+                                               <th class="table_header_column">
+                                                       Produkt:
+                                               </th>
+                                               <th class="table_header_column">
+                                                       Einzelpreis:
+                                               </th>
+                                       </tr>
+                               </table>
 
-                                       <tbody>
-                                               <%
-                                               // Get Iterator
-                                               Iterator<Product> iterator = app.getAvailableProducts();
+                               <%
+                               // Get Iterator
+                               Iterator<Product> iterator = app.getAvailableProducts();
 
-                                               // "Walk" through all products and unmark them as ordered
-                                               while (iterator.hasNext()) {
-                                                       // Get product instance
-                                                       Product product = iterator.next();
+                               // "Walk" through all products and unmark them as ordered
+                               while (iterator.hasNext()) {
+                                       // Get product instance
+                                       Product product = iterator.next();
 
-                                                       // Unmark as ordered
-                                                       app.unmarkProductAsOrdered(product, session);
-                                                       %>
+                                       // Unmark as ordered
+                                       app.unmarkProductAsOrdered(product, session);
+                                       %>
+                               <form action="<%=request.getContextPath()%>/form_handler/add_item.jsp" accept-charset="utf-8" id="form" method="post">
+                               <table class="table">
+                                       <tbody>
                                                        <tr>
-                                                               <form action="<%=request.getContextPath()%>/form_handler/add_item.jsp" accept-charset="utf-8" id="form" method="post">
-                                                               <td>
+                                                               <td class="table_data_column">
                                                                        <input class="submit" type="submit" name="add" value="Hinzuf&uuml;gen" />
                                                                        <input class="input" type="hidden" name="<%=PizzaApplication.HTTP_PARAM_ITEM_ID%>" value="<%=product.getId()%>" />
                                                                        <input class="input" type="hidden" name="<%=PizzaApplication.HTTP_PARAM_ITEM_TYPE%>" value="<%=Product.class%>" />
                                                                </td>
-                                                               <td>
+                                                               <td class="table_data_column">
                                                                        <input class="input" type="text" name="<%=PizzaApplication.HTTP_PARAM_AMOUNT%>" size="3" maxlength="20" />
                                                                </td>
-                                                               <td>
+                                                               <td class="table_data_column">
                                                                        <%=product.getTitle()%>
                                                                </td>
-                                                               <td align="right">
+                                                               <td class="table_data_column" align="right">
                                                                        <fmt:formatNumber type="currency"><%=product.getPrice()%></fmt:formatNumber>
                                                                </td>
                                                        </tr>
-                                                       </form>
-                                                       <%
-                                               }
-                                               %>
                                        </tbody>
                                </table>
+                               </form>
+                               <%
+                       }
+                       %>
                        </div>
                </div>
 

diff --git a/web/style.css b/web/style.css
index ca487498cdae13b4f7277818e9742c3952ff436f..b44a60ae597f0e456d4a6d6c6f1877f6b53148f9 100644 (file)
--- a/web/style.css
+++ b/web/style.css
@@ -60,3 +60,11 @@ ul.footer_nav li {
        list-style: none;
        padding-left: 5px;
 }
+
+.table_header_column {
+       width: 100px;
+}
+
+.table_data_column {
+       width: 100px;
+}