XHTML Strict fixes

Also go back to not using class="left" and use z-index :-/

diff --git a/data/global.css b/data/global.css
index 241ab04cf78901afbb91a157ae4dc09bfe380092..b3a75d9e59dd2d6e2c0126333407e817438a47a6 100644 (file)
--- a/data/global.css
+++ b/data/global.css
@@ -30,15 +30,15 @@ ul {
 h3, h4, h5, h6 {
        margin-top: 0.5em;
 }
-blockquote {
+.quote {
        font-style: italic;
        font-family: serif;
 }
-blockquote:before {
+.quote:before {
        font-weight: bold;
        content: '“';
 }
-blockquote:after {
+.quote:after {
        font-weight: bold;
        content: '”';
 }
@@ -156,10 +156,6 @@ body {
        margin: 25px 0 25px 0;
 }
 
-.content ul.left {
-       width: 245px;
-}
-
 .content a {
        text-decoration: underline;
 }
@@ -202,6 +198,7 @@ body {
 
 .download {
        display: block;
+       z-index: 1;
        height: 62px;
        color: white;
        padding: 8px 10px 8px 10px;
@@ -211,6 +208,10 @@ body {
        box-shadow: 0px 2px 2px rgba(0,0,0,0.30);
 }
 
+.download > * {
+       display: block;
+}
+
 .download:first-line {
        font-weight: bold;
        font-style: italic;

diff --git a/html.ct b/html.ct
index 8bdfbd96ae78cab43973ef0b67eb8a54ee1320e5..199f343f3ca383e333cbf234e85c58fd6e5153c3 100644 (file)
--- a/html.ct
+++ b/html.ct
@@ -79,13 +79,14 @@ Content-Type: text/html; charset=UTF-8
        </ul>
 
        <h2>Status</h2>
-       <blockquote>Now that it's spring again, progress on AWeather is continuing.</blockquote>
+       <p class="quote">Now that it's spring again, progress on AWeather is continuing.</p>
        <h3>Working</h3>
        <ul>
                <li>Level-II and Conus NEXRAD imagery</li>
                <li>Real-time and offline mode</li>
-               <li>Virtual Globe base rendering</li>
-               <ul><li>Including terrain, satellite, and map imagery</li></ul>
+               <li>Virtual Globe base rendering<ul>
+                       <li>Including terrain, satellite, and map imagery</li>
+               </ul></li>
                <li>Auto-updating</li>
                <li>volume display</li>
        </ul>
@@ -308,18 +309,18 @@ Content-Type: text/html; charset=UTF-8
        <% print_screen("meso"); %>
        <div class="buttons">
                <a class="download" href="">
-                       <p>Download</p>
-                       <p>AWeather 0.5-p0 source</p>
-                       <img src="images/dl-arrow.png" />
+                       <span>Download</span>
+                       <span>AWeather 0.5-p0 source</span>
+                       <img src="images/dl-arrow.png" alt="Download" />
                </a>
                <a class="download" href="">
-                       <p>Download</p>
-                       <p>AWeather 0.5-p0 source</p>
-                       <img src="images/dl-arrow.png" />
+                       <span>Download</span>
+                       <span>AWeather 0.5-p0 source</span>
+                       <img src="images/dl-arrow.png" alt="Download" />
                </a>
        </div>
        <b>Features:</b>
-       <ul class="left">
+       <ul>
                <li>Detailed Level-II radar</li>
                <li>3D volume rendering</li>
                <li>Dual-pole support</li>