From 347e855ddc05c4da2f0530db436a9097d8ddbaea Mon Sep 17 00:00:00 2001
From: Frederic Hemberger <mail@frederic-hemberger.de>
Date: Sun, 18 Sep 2011 13:55:35 +0200
Subject: [PATCH] Fixes HTML validation issues with code highlighting

---
 .themes/classic/sass/partials/_syntax.scss | 2 +-
 plugins/backtick_code_block.rb             | 4 ++--
 plugins/pygments_code.rb                   | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/.themes/classic/sass/partials/_syntax.scss b/.themes/classic/sass/partials/_syntax.scss
index 25e8d32..713d46e 100644
--- a/.themes/classic/sass/partials/_syntax.scss
+++ b/.themes/classic/sass/partials/_syntax.scss
@@ -201,7 +201,7 @@ pre, .highlight, .gist-highlight {
 }
 
 .highlight code { @extend .pre-code; background: #000;}
-figure[role=code] {
+figure.code {
   background: none;
   padding: 0;
   border: 0;
diff --git a/plugins/backtick_code_block.rb b/plugins/backtick_code_block.rb
index 7f5076d..6243de6 100644
--- a/plugins/backtick_code_block.rb
+++ b/plugins/backtick_code_block.rb
@@ -27,7 +27,7 @@ module BacktickCodeBlock
       end
       if @lang.nil? || @lang == 'plain'
         code = tableize_code(str.gsub('<','&lt;').gsub('>','&gt;'))
-        "<figure role=code>#{@caption}#{code}</figure>"
+        "<figure class='code'>#{@caption}#{code}</figure>"
       else
         if @lang.include? "-raw"
           raw = "``` #{@options.sub('-raw', '')}\n"
@@ -35,7 +35,7 @@ module BacktickCodeBlock
           raw += "\n```\n"
         else
           code = highlight(str, @lang)
-          "<figure role=code>#{@caption}#{code}</figure>"
+          "<figure class='code'>#{@caption}#{code}</figure>"
         end
       end
     end
diff --git a/plugins/pygments_code.rb b/plugins/pygments_code.rb
index b87413f..c009df9 100644
--- a/plugins/pygments_code.rb
+++ b/plugins/pygments_code.rb
@@ -30,12 +30,12 @@ module HighlightCode
     highlighted_code
   end
   def tableize_code (str, lang = '')
-    table = '<div class="highlight"><table cellpadding="0" cellspacing="0"><tr><td class="gutter"><pre class="line-numbers">'
+    table = '<div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers">'
     code = ''
     str.lines.each_with_index do |line,index|
-      table += "<span class='line'>#{index+1}</span>\n"
-      code  += "<div class='line'>#{line}</div>"
+      table += "<span class='line-number'>#{index+1}</span>\n"
+      code  += "<span class='line'>#{line}</span>"
     end
-    table += "</pre></td><td class='code' width='100%'><pre><code class='#{lang}'>#{code}</code></pre></td></tr></table></div>"
+    table += "</pre></td><td class='code'><pre><code class='#{lang}'>#{code}</code></pre></td></tr></table></div>"
   end
 end