[prev in list] [next in list] [prev in thread] [next in thread] 

List:       kde-commits
Subject:    kdebase/konqueror/about
From:       Meni Livne <livne () kde ! org>
Date:       2003-10-18 15:29:00
[Download RAW message or body]

CVS commit by livne: 

Make about:plugins page RTL the right (LOL) way.
It's actually not as hard as some make it seem ;-)

To make an entire page RTL, simply:
1. Add
     body { direction: rtl; }
   to your style sheet (or add 'dir="rtl"' to your <body> tag if you insist
   on not using a style sheet).
2. Watch out for explicit directionality and alignment in your page, and
   change it as needed. i.e. if you have <p align="right">, it has to be
   changed to <p align="left">...
   
That's it. You definitely shouldn't start changing the order of table
columns or other elements. That's looking for trouble... :)

CCMAIL: staikos@kde.org


  M +12 -10    plugins_rtl.html   1.4


--- kdebase/konqueror/about/plugins_rtl.html  #1.3:1.4
@@ -1,4 +1,7 @@
 <html>
 <head>
+<style type="text/css"> <!--
+body { direction: rtl; }
+//--></style>
 <title>%1</title>
 <script language="Javascript"> <!--
@@ -8,5 +11,8 @@
 for (i = 0; i < navigator.plugins.length; i++)
 {
-    document.write("<tr><td><ul>");
+    document.write("<tr><td>"+navigator.plugins[i].name);
+    document.write("</td><td>"+navigator.plugins[i].description);
+    document.write("</td><td>"+navigator.plugins[i].filename);
+    document.write("</td><td><ul>");
     for (j = 0; j < navigator.plugins[i].length; j++)
     {
@@ -15,9 +21,5 @@
                              +navigator.plugins[i][j].suffixes+")</li>");
     }
-    document.write("</ul></td>");
-    document.write("<td>"+navigator.plugins[i].filename);
-    document.write("</td><td>"+navigator.plugins[i].description);
-    document.write("</td><td>"+navigator.plugins[i].name);
-    document.write("</td></tr>");
+    document.write("</ul></td></tr>");
 }
 document.write("</table>");
@@ -29,13 +31,13 @@
 for (i = 0; i < navigator.mimeTypes.length; i++)
 {
-    document.write("<tr><td>");
+    document.write("<tr><td>"+navigator.mimeTypes[i].type);
+    document.write("</td><td>"+navigator.mimeTypes[i].description);
+    document.write("</td><td>"+navigator.mimeTypes[i].suffixes);
     if (navigator.mimeTypes[i].enabledPlugin) {
+        document.write("</td><td>");
         // This could be enhanced to write the plugin name(s) by
         // searching through navigator.plugins[][]
         document.write("%3");
     }
-    document.write("</td><td>"+navigator.mimeTypes[i].suffixes);
-    document.write("</td><td>"+navigator.mimeTypes[i].description);
-    document.write("</td><td>"+navigator.mimeTypes[i].type);
     document.write("</td></tr>");
 }


[prev in list] [next in list] [prev in thread] [next in thread]

Configure | About | News | Add a list | Sponsored by KoreLogic