b8301b4e1d66

Restructure tag lists to pass validation.
[view raw] [browse files]
author Steve Losh <steve@stevelosh.com>
date Sun, 24 Jan 2010 09:53:23 -0500
parents 336b9c458690
children 896c2c5088b7
branches/tags (none)
files layout/skeleton/_listing.html media/css/base.css

Changes

--- a/layout/skeleton/_listing.html	Sun Jan 24 09:37:56 2010 -0500
+++ b/layout/skeleton/_listing.html	Sun Jan 24 09:53:23 2010 -0500
@@ -4,10 +4,10 @@
 
 {% block after_header %}
     {% if page.node.categories %}
-        <ul id="section-tags">
+        <div id="section-tags">
             <div class="section-tags-col">
             {% for category in page.node.categories.keys %}
-                <li><a href="{{ page.url }}{{ category }}">{{ category }}</a></li>
+                <p><a href="{{ page.url }}{{ category }}">{{ category }}</a></p>
                 {% if forloop.counter|divisibleby:2 %}
                     {% if not forloop.last %}
                         </div><div class="section-tags-col">
@@ -15,7 +15,7 @@
                 {% endif %}
             {% endfor %}
             </div>
-        </ul>
+        </div>
     {% endif %}
 {% endblock %}
 
--- a/media/css/base.css	Sun Jan 24 09:37:56 2010 -0500
+++ b/media/css/base.css	Sun Jan 24 09:53:23 2010 -0500
@@ -286,25 +286,24 @@
 }
 
 /* Tag styles. */
-ul#section-tags {
-    list-style: none;
+div#section-tags {
     margin: 0 0 0 0.4em;
     display: inline-block;
     font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
 }
-ul#section-tags li {
+div#section-tags p {
     font-size: 1.1em;
     line-height: 1.05em;
     margin: 0;
 }
-ul#section-tags li a {
+div#section-tags p a {
 	color: #666;
 }
-ul#section-tags li a:hover {
+div#section-tags p a:hover {
 	color: #e50053;
 	text-decoration: none;
 }
-ul#section-tags div.section-tags-col {
+div#section-tags div.section-tags-col {
     display: inline-block;
     margin-right: 1em;
 }
\ No newline at end of file