Please test layout?

HabboCouncil · 09-05-2007, 03:53 PM

Originally Posted by Tom///

Yep, And the .png images are transparent in IE7.

Ok Thanks

Andys · 09-05-2007, 04:25 PM

Fine in ff, but how many layouts have you gone through? Seriously you need to get the site working with one layout before you get another.

HabboCouncil · 09-05-2007, 04:37 PM

Originally Posted by Andy™

Fine in ff, but how many layouts have you gone through? Seriously you need to get the site working with one layout before you get another.

Yes we understand that but we have had problems with older layout but i can assure you this one is here to stay

PenguinFluid · 09-05-2007, 05:06 PM

Unless I clcik the news buttong then the site is few cm big. when I clikc the news button whol site expands into massive

Mr.OSH · 09-05-2007, 05:09 PM

Originally Posted by Invent

No. Save images as .GIF not .PNG. Will fix all issues.

Yes but .GIF can ruin the image quality on some images, doesn't it? Its a pain really as IE6 doesn't support transparent backgrounds on .PNG.

Invent · 09-05-2007, 05:13 PM

Not if you use a good GIF exporter.

Photoshop produces a better quality GIF than say paint.

Mr.OSH · 09-05-2007, 05:19 PM

Originally Posted by Invent

Not if you use a good GIF exporter.

Photoshop produces a better quality GIF than say paint.

Yes I know but for example I created a quite large image file with bits of brushes on it etc as a PNG. I exported it using Photoshop and the result came out blurred on the brushes etc and looked quite bad. Some images convert to GIF with little quality loss but I've found some do loose significant quality once they are converted.

timROGERS · 09-05-2007, 06:03 PM

Believe it or not, using some Javascript, you can make some PNG support for IE6 and below. Call the following pngfix.js:

Code:

/*
 
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
      }
   }

Then put the following into the head of your HTML page:

HTML Code:

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Thanks to Bobosola for the fix

Mr.OSH · 09-05-2007, 07:03 PM

Originally Posted by NintendoNews

Believe it or not, using some Javascript, you can make some PNG support for IE6 and below. Call the following pngfix.js:

Code:

/*
 
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
      }
   }

Then put the following into the head of your HTML page:

HTML Code:

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

Thanks to Bobosola for the fix

Brilliant I've been looking for something like that for ages! Amazing, I really didn't know you could do that to be honest! + rep! Thanks very much!

HabboCouncil · 09-05-2007, 09:41 PM

Thanks ill look into it more tomorow have to dash now.. Thanks for all your help

Thread: Please test layout?

Thread Tools

Posting Permissions