GNOME.org
 

gtk-web r648 - trunk

Author: andreasn
Date: Fri Feb  1 15:47:14 2008
New Revision: 648
URL: http://svn.gnome.org/viewvc/gtk-web?rev=648&view=rev

Log:
new approach to the ie6 fix, works now

Added:
   trunk/pngfix.js
Modified:
   trunk/ChangeLog
   trunk/commerce.html
   trunk/development.html
   trunk/documentation-old.html
   trunk/documentation.html
   trunk/download-linux.html
   trunk/download-macos.html
   trunk/download-windows.html
   trunk/download.html
   trunk/features.html
   trunk/gtk.css
   trunk/index.html
   trunk/mailing-lists.html
   trunk/overview.html
   trunk/screenshots-old.html
   trunk/screenshots.html
   trunk/setuid.html

Modified: trunk/commerce.html
==============================================================================
--- trunk/commerce.html	(original)
+++ trunk/commerce.html	Fri Feb  1 15:47:14 2008
@@ -17,11 +17,16 @@
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
     <title>GTK+ - Commerce</title>
+    
+<!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/development.html
==============================================================================
--- trunk/development.html	(original)
+++ trunk/development.html	Fri Feb  1 15:47:14 2008
@@ -17,11 +17,16 @@
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
     <title>GTK+ - Development</title>
+    
+    <!--[if lt IE 7.]>
+	<script defer type="text/javascript" src="pngfix.js"></script>
+	<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/documentation-old.html
==============================================================================
--- trunk/documentation-old.html	(original)
+++ trunk/documentation-old.html	Fri Feb  1 15:47:14 2008
@@ -17,12 +17,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Older Documentation</title>
-  </head>
+    <title>GTK+ - Older Documentation</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
 
+  </head>
+  
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/documentation.html
==============================================================================
--- trunk/documentation.html	(original)
+++ trunk/documentation.html	Fri Feb  1 15:47:14 2008
@@ -18,11 +18,16 @@
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
     <title>GTK+ - Documentation</title>
-  </head>
+    
+    <!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
 
-  <body>  
+  </head>
+  
+  <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/download-linux.html
==============================================================================
--- trunk/download-linux.html	(original)
+++ trunk/download-linux.html	Fri Feb  1 15:47:14 2008
@@ -17,12 +17,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Download for GNU/Linux and Unix</title>
-  </head>
+    <title>GTK+ - Download for GNU/Linux and Unix</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
 
+  </head>
+  
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/download-macos.html
==============================================================================
--- trunk/download-macos.html	(original)
+++ trunk/download-macos.html	Fri Feb  1 15:47:14 2008
@@ -17,12 +17,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Download for Mac OS</title>
-  </head>
+    <title>GTK+ - Download for Mac OS</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
 
+  </head>
+  
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/download-windows.html
==============================================================================
--- trunk/download-windows.html	(original)
+++ trunk/download-windows.html	Fri Feb  1 15:47:14 2008
@@ -17,12 +17,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Download for Windows</title>
-  </head>
+    <title>GTK+ - Download for Windows</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
 
+  </head>
+  
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/download.html
==============================================================================
--- trunk/download.html	(original)
+++ trunk/download.html	Fri Feb  1 15:47:14 2008
@@ -16,12 +16,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Download</title>
+    <title>GTK+ - Download</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/features.html
==============================================================================
--- trunk/features.html	(original)
+++ trunk/features.html	Fri Feb  1 15:47:14 2008
@@ -17,12 +17,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Features</title>
-  </head>
+    <title>GTK+ - Features</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
 
+  </head>
+  
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/gtk.css
==============================================================================
--- trunk/gtk.css	(original)
+++ trunk/gtk.css	Fri Feb  1 15:47:14 2008
@@ -149,11 +149,6 @@
     padding-top: 20px;  /* fixed height */
 }
 
-/* icky crap to work around ie6 shitty png support */
-#header img {
-	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader('header-logo.png');
-}
-
 #header h1 {
     display : none;
 }

Modified: trunk/index.html
==============================================================================
--- trunk/index.html	(original)
+++ trunk/index.html	Fri Feb  1 15:47:14 2008
@@ -17,11 +17,16 @@
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
     <title>GTK+ - About</title>
+    
+<!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/mailing-lists.html
==============================================================================
--- trunk/mailing-lists.html	(original)
+++ trunk/mailing-lists.html	Fri Feb  1 15:47:14 2008
@@ -16,12 +16,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Mailing Lists</title>
+    <title>GTK+ - Mailing Lists</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/overview.html
==============================================================================
--- trunk/overview.html	(original)
+++ trunk/overview.html	Fri Feb  1 15:47:14 2008
@@ -16,12 +16,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Overview</title>
+    <title>GTK+ - Overview</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Added: trunk/pngfix.js
==============================================================================
--- (empty file)
+++ trunk/pngfix.js	Fri Feb  1 15:47:14 2008
@@ -0,0 +1,39 @@
+/*
+ 
+Correctly handle PNG transparency in Win IE 5.5 & 6.
+http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
+
+Use in <HEAD> with DEFER keyword wrapped in conditional comments:
+<!--[if lt IE 7]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
+*/
+
+var arVersion = navigator.appVersion.split("MSIE")
+var version = parseFloat(arVersion[1])
+
+if ((version >= 5.5) && (document.body.filters)) 
+{
+   for(var i=0; i<document.images.length; i++)
+   {
+      var img = document.images[i]
+      var imgName = img.src.toUpperCase()
+      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
+      {
+         var imgID = (img.id) ? "id='" + img.id + "' " : ""
+         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
+         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
+         var imgStyle = "display:inline-block;" + img.style.cssText 
+         if (img.align == "left") imgStyle = "float:left;" + imgStyle
+         if (img.align == "right") imgStyle = "float:right;" + imgStyle
+         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
+         var strNewHTML = "<span " + imgID + imgClass + imgTitle
+         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
+         img.outerHTML = strNewHTML
+         i = i-1
+      }
+   }
+}

Modified: trunk/screenshots-old.html
==============================================================================
--- trunk/screenshots-old.html	(original)
+++ trunk/screenshots-old.html	Fri Feb  1 15:47:14 2008
@@ -16,12 +16,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Screenshots Museum</title>
+    <title>GTK+ - Screenshots Museum</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/screenshots.html
==============================================================================
--- trunk/screenshots.html	(original)
+++ trunk/screenshots.html	Fri Feb  1 15:47:14 2008
@@ -16,12 +16,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Screenshots</title>
+    <title>GTK+ - Screenshots</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>

Modified: trunk/setuid.html
==============================================================================
--- trunk/setuid.html	(original)
+++ trunk/setuid.html	Fri Feb  1 15:47:14 2008
@@ -16,12 +16,15 @@
     <link href="gtk.css" rel="stylesheet" type="text/css" />
     <link rel="icon" href="images/gtk-logo.ico" type="image/x-icon" />
 
-    <title>GTK+ - Using setuid</title>
+    <title>GTK+ - Using setuid</title><!--[if lt IE 7.]>
+<script defer type="text/javascript" src="pngfix.js"></script>
+<![endif]-->
+
   </head>
   
   <body>
     <div id="container">
-      <div id="header"><img src="images/header-logo.png" alt="gtk logo" /><h1>The GTK+ Project</h1></div>
+      <div id="header"><img src="images/header-logo.png" alt="gtk logo" width="574" height="112" /><h1>The GTK+ Project</h1></div>
       <div id="menu">
 	<table>
 	  <tr>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]