projects / mdictionary / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: f2f9763)
* bugfix for pngfix issues on IE browser (background scale etc.)
authorstranger <dariusz.wiechecki@gmail.com>
Wed, 23 Jan 2008 15:39:25 +0000 (15:39 +0000)
committerstranger <dariusz.wiechecki@gmail.com>
Wed, 23 Jan 2008 15:39:25 +0000 (15:39 +0000)
git-svn-id: file:///svnroot/mdictionary/www@242 5bde0345-f819-0410-ac75-e5045f9217cc

faq.html patch | blob | history
images/spacer.gif [new file with mode: 0644] patch | blob
scripts/pngfix.js patch | blob | history
styles/main.css patch | blob | history
styles/main_ie.css patch | blob | history

diff --git a/faq.html b/faq.html
index 5981370..13a5455 100644 (file)
--- a/faq.html
+++ b/faq.html
@@ -3,8 +3,8 @@
 <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta http-equiv="content-language" content="EN" />
-       <meta name="description" content="Home page for mDictionary project - 
-                   mobile multilingual dictionary for maemo.org platform 
+       <meta name="description" content="Home page for mDictionary project -
+                   mobile multilingual dictionary for maemo.org platform
                    (previously known as a 'WhiteStork')" />
        <meta name="keywords" content="mdictionary whitestork maemo n770
                    n800 n810 dictionary xdxf stardict mobile linux comarch" />
@@ -17,9 +17,9 @@
        <!--[if IE 6]>
                <link rel="stylesheet"
                      type="text/css"
-                     href="styles/main_ie.css" />
+                     href="styles/main_ie.css" ></link>
 
-       <script src="scripts/pngfix.js" type="text/javascript"></script>
+               <script src="scripts/pngfix.js" type="text/javascript"></script>
        <![endif]-->
        <script language="JavaScript" src="scripts/javascripts.js" ></script>
 
@@ -64,7 +64,7 @@
                <p>To install mDictionary application follow the steps described in <a href="howto.html">"How to ..."</a> section.</p>
        </div>
 </div>
-       
+
 <div class="faq_question">
        <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
        How to start using an application?
diff --git a/images/spacer.gif b/images/spacer.gif
new file mode 100644 (file)
index 0000000..5bfd67a
Binary files /dev/null and b/images/spacer.gif differ
diff --git a/scripts/pngfix.js b/scripts/pngfix.js
index ffef0ea..1f54cf6 100644 (file)
--- a/scripts/pngfix.js
+++ b/scripts/pngfix.js
@@ -4,7 +4,7 @@ var supersleight        = function() {
        var applyPositioning = false;\r
        \r
        // Path to a transparent GIF image\r
-       var shim                        = "img/spacer.gif";\r
+       var shim                        = "images/spacer.gif";\r
        \r
        // RegExp to match above GIF image name\r
        var shim_pattern        = /x\.gif$/i;\r
@@ -18,10 +18,11 @@ var supersleight    = function() {
                        root = document;\r
                }\r
                for (var i = root.all.length - 1, obj = null; (obj = root.all[i]); i--) {\r
+                       if (obj.className == "faq_switcher") continue;\r
                        // background pngs\r
-                       if (obj.currentStyle.backgroundImage.match(/\.png/i) !== null) {\r
-                               bg_fnFixPng(obj);\r
-                       }\r
+                       //if (obj.currentStyle.backgroundImage.match(/\.png/i) !== null) {\r
+                       //      if(obj != document.body) bg_fnFixPng(obj);\r
+                       //}\r
                        // image elements\r
                        if (obj.tagName=='IMG' && obj.src.match(/\.png$/i) !== null){\r
                                el_fnFixPng(obj);\r
@@ -85,31 +86,3 @@ var supersleight     = function() {
 // supersleight.limitTo("myWindow");\r
 \r
 supersleight.init();\r
-/*\r
-var arVersion = navigator.appVersion.split("MSIE")\r
-var version = parseFloat(arVersion[1])\r
-\r
-if ((version >= 5.5) && (document.body.filters)) \r
-{\r
-   for(var i=0; i<document.images.length; i++)\r
-   {\r
-      var img = document.images[i]\r
-      var imgName = img.src.toUpperCase()\r
-      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")\r
-      {\r
-         var imgID = (img.id) ? "id='" + img.id + "' " : ""\r
-         var imgClass = (img.className) ? "class='" + img.className + "' " : ""\r
-         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "\r
-         var imgStyle = "display:inline-block;" + img.style.cssText \r
-         if (img.align == "left") imgStyle = "float:left;" + imgStyle\r
-         if (img.align == "right") imgStyle = "float:right;" + imgStyle\r
-         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle\r
-         var strNewHTML = "<span " + imgID + imgClass + imgTitle\r
-         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"\r
-         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"\r
-         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" \r
-         img.outerHTML = strNewHTML\r
-         i = i-1\r
-      }\r
-   }\r
-}*/\r
diff --git a/styles/main.css b/styles/main.css
index fb2bdb0..a0766ab 100644 (file)
--- a/styles/main.css
+++ b/styles/main.css
@@ -10,14 +10,15 @@ html, body, html *, body * {
 body {
        text-align      : center;
        background-image: url(images/bckgnd.png);
-       background-repeat: repeat-x;
+       background-repeat: repeat-x;    
 }
 
 #webContainer {
        display         : block;
        width           : 750px;
        margin-left     : auto;
-       margin-right    : auto;
+       margin-right    : auto; 
+       background-color: transparent;
 }
 
 #topBar {
@@ -86,15 +87,12 @@ body {
 
 #contentContainer {
        display         : block;
-       width           : 500px;
-       min-height      : 0px;
+       width           : 500px;        
        background-image: url(images/background.png);
        background-repeat: repeat-x;
        padding-top     : 20px;
        padding-bottom  : 20px;
        padding-left    : 140px;
-       /*overflow      : auto;*/
-       /*height                : 400px;*/
 }
 
 #contentContainer p {
@@ -202,6 +200,7 @@ div.faq_switcher {
        border          : 1px solid silver;
        margin-right    : 6px;
        background-image: url(images/switcher.png);
+       background-repeat: no-repeat;
 }
 div.faq_question {
        font-family     : Arial;
diff --git a/styles/main_ie.css b/styles/main_ie.css
index 4905c02..561a992 100644 (file)
--- a/styles/main_ie.css
+++ b/styles/main_ie.css
@@ -4,4 +4,8 @@
 
 #topBar a.install {
        font-weight     : normal;
+}
+
+div.faq_switcher {
+       border          : 0px solid red;
 }
\ No newline at end of file
Unnamed repository; edit this file to name it for gitweb.