index: switch from table to div

index.php

@@ -262,7 +262,7 @@ function tri_par_completion($a, $b) {return tri_ligne($a, $b, 'completion');}
 }
 //print_r($pgm);
 
-echo '<table>';
+echo '<div id="partlist">';
 
 foreach($data as $l)
 {
@@ -280,18 +280,20 @@ function tri_par_completion($a, $b) {return tri_ligne($a, $b, 'completion');}
         continue;
     }
 
-    echo '<tr>';
+    echo '<div style="max-width:300px">';
     for($i = 0; $i < sizeof($l); $i++)
     {
         $c = $l[$i];
-        echo '<td>';
-        echo $c;
+        echo '<div>';
         if($i==0)
         {
+            echo '<h2>'.$c.'</h2>';
             echo ' [<a href="http://www.youtube.com/results?search_query='.urlencode($c.', '.$l[$i+1].', '.$l[$i+2]).'">youtube</a>]';
             echo ' [<a href="http://musicainfo.net/quiksrch.php?vol='.urlencode($c).'">musicainfo</a>]';
         }
-        echo '</td>';
+        else
+            echo $c;
+        echo '</div>';
         //if(!$lv)
         {
             if($i>=3) break;
@@ -315,17 +317,13 @@ function tri_par_completion($a, $b) {return tri_ligne($a, $b, 'completion');}
      */
     if($token_ok && is_dir($arv_config['docs_dir'].'/'.$l[3]))
     {
-        echo '<td><a href="list.php?ref='.$l[3].'&token='.$_GET['token'].'">Documents</a></td>';
+        echo '<div><a href="list.php?ref='.$l[3].'&token='.$_GET['token'].'">Documents</a></div>';
     }
-    else
-    {
-        echo '<td></td>';
-    }
-    echo '</tr>';
+    echo '</div>';
 
     if($lv)
     {
-        echo '</table>';
+        echo '</div>';
         //var_dump($l);
         echo '<ul>';
         $oblig_compt = 0;
@@ -350,11 +348,11 @@ function tri_par_completion($a, $b) {return tri_ligne($a, $b, 'completion');}
         }
         echo '</ul>';
 
-        echo '<table>';
+        echo '<div>';
     }
 
 }
-echo '</table>';
+echo '</div>';
 
 // Listing programmes
 $tmpd = opendir($arv_config['pgm_dir']);