Sfoglia il codice sorgente

Modified style sheet (minor change)

jorgen_falk 18 anni fa
parent
commit
436c3b4667

+ 2
- 5
dddsample/src/main/webapp/WEB-INF/jsp/dataAccessFailure.jsp Vedi File

@@ -11,12 +11,9 @@
11 11
 <body>
12 12
 <div id="container">
13 13
 <h1>
14
-An DataAccessExcepton occured.
14
+A DataAccessExcepton occured.
15 15
 </h1>
16
-<div id="error">
17
-${exception.message}
18
-</div>
19
-<br/>
16
+<h2><span id="error" class="error">${exception.message}</span></h2>
20 17
 <a href="start.html">Start page</a>
21 18
 </dv>
22 19
 </body>

+ 7
- 5
dddsample/src/main/webapp/WEB-INF/jsp/start.jsp Vedi File

@@ -10,8 +10,8 @@
10 10
 </head>
11 11
 <body>
12 12
 <div id="container">
13
-  <h1>Search for Cargo</h1>
14 13
   <div id="search">
14
+  <h1>Search for Cargo</h1>
15 15
   <form:form method="post" commandName="trackCommand">
16 16
     <table cellspacing="0" cellpadding="4">
17 17
       <tr>
@@ -31,9 +31,11 @@
31 31
     </table>
32 32
   </form:form>
33 33
   </div>
34
-  <div id="result">
35
-<c:if test="${cargo ne null}">
36
-Your cargo is currently at: ${cargo.currentLocation}
34
+
35
+  <c:if test="${cargo ne null}">
36
+    <div id="result">	
37
+	<h2>Your cargo is currently at: ${cargo.currentLocation}</h2>
38
+	<h3>Tracking History</h3>
37 39
     <table cellspacing="4">
38 40
       <thead>
39 41
         <tr>
@@ -52,8 +54,8 @@ Your cargo is currently at: ${cargo.currentLocation}
52 54
         </c:forEach>
53 55
       </tbody>
54 56
     </table>
55
-</c:if>
56 57
   </div>
58
+  </c:if>
57 59
 </div>
58 60
 </body>
59 61
 </html>

+ 10
- 4
dddsample/src/main/webapp/style.css Vedi File

@@ -9,7 +9,8 @@ body {
9 9
 }
10 10
 
11 11
 body {
12
-  margin: 0;
12
+  margin-left: 200px;
13
+  margin-right: 200px;
13 14
   padding: 0;
14 15
   font: 400 0.7em verdana, arial, sans-serif;
15 16
   line-height: 170%;
@@ -184,18 +185,23 @@ input.radio {
184 185
 
185 186
 
186 187
 /**************************************************************
187
-   Custom div
188
+   Custom div and span
188 189
  **************************************************************/
189 190
 #container {
190 191
   text-align: left;
191
-  margin-left: 200px;
192
-  margin-right: 500px;
192
+  width: 500px;
193 193
 }
194 194
 
195 195
 #search {
196
+  font-size: 1.0em;
196 197
   border-bottom: 6px solid #ddd;
197 198
 }
198 199
 
199 200
 #result {
200 201
   font-size: 1.2em;
202
+  border-bottom: 6px solid #ddd;
201 203
 }
204
+
205
+.error {
206
+  color: #CC0033;
207
+}