diff --git a/addons/web_rpc/static/src/example.html b/addons/web_rpc/static/src/example.html
index 6f96c609527..8e466e63971 100644
--- a/addons/web_rpc/static/src/example.html
+++ b/addons/web_rpc/static/src/example.html
@@ -3,7 +3,15 @@
     <head> 
         <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
         <title>OpenERP RPC example</title> 
-        <script type="text/javascript" src="http://localhost:8002/base/webclient/js?mods=web_rpc"></script> 
+                <link rel="stylesheet" href="/base/static/src/css/base-ie7.css" type="text/css"/>
+
+        <link rel="stylesheet" href="/base/static/src/css/base-ie7.css" type="text/css"/>
+        <style type="text/css">
+        pre.run {
+            border: 1px solid black; margin:0;padding:4px;
+        }
+        </style>
+        <script type="text/javascript" src="/base/webclient/js?mods=web_rpc"></script> 
         <script type="text/javascript">
         $(function() {
             $("#ex1but").bind("click",function(){
@@ -13,21 +21,26 @@
         </script> 
     </head> 
     <body>
+        <h1>OpenERP web_rpc module examples</h1>
         <h2>Example 1: Display all res_users in an html table <button id="ex1but">Run it !</button> </h2>
         <h3>Code: </h3>
-        <pre id="ex1" style="border: 1px solid black;">
-QWeb = new QWeb2.Engine();
-var o_db = openerp.init();
-var o_sess = new o_db.base.Session();
-o_sess.debug = 1;
-o_sess.session_login("web_trunk", "admin", "admin", function() {
-    var o_ds = new o_db.base.DataSet(o_sess,"res.users",{});
-    // search for res.users
-    //o_ds.sear()
-    // read res.users
-    // display them
-    $("#ex1res").html(o_sess.debug.toString());
-});
+        <pre>
+&lt;script type="text/javascript" src="/base/webclient/js?mods=web_rpc"&gt;&lt;/script&gt; 
+&lt;script type="text/javascript"&gt;
+<pre id="ex1" class="run">
+    QWeb = new QWeb2.Engine();
+    var o_db = openerp.init();
+    var o_sess = new o_db.base.Session();
+    o_sess.debug = 1;
+    o_sess.session_login("web-trunk", "admin", "admin", function() {
+        var o_ds = new o_db.base.DataSet(o_sess,"res.users",{});
+        // search for res.users
+        //o_ds.sear()
+        // read res.users
+        // display them
+        $("#ex1res").html(o_sess.debug.toString());
+    });
+</pre>&lt;/script&gt;
         </pre>
         <h3>div id="ex1res" to output results:</h3>
         <div id="ex1res" style="border: 1px solid black;">