Please test layout? [Archive]

HabboCouncil

09-05-2007, 03:10 PM

My images dont show transparent for me in ie, However they do in Firefox? Please tell me weather there transparent?
And what browser your using

www.habbocouncil.co.uk

ChampJames.

09-05-2007, 03:12 PM

IE7 and evevrything looks fine to be, but i cant see some of the images because theyre on imageshack maybe?

Invent

09-05-2007, 03:15 PM

IE6 doesn't handle PNG Transparency correctly [:

That be your problem.

JK

09-05-2007, 03:18 PM

It fine in IE7 and FF. Also looking very nice

HabboCouncil

09-05-2007, 03:27 PM

IE6 doesn't handle PNG Transparency correctly [:

That be your problem.

Wright shall i put a note on the site?, To use this site to the max we advise you dnt use Internet Exlorer 6

Thanks for the commenbts on the layout

Invent

09-05-2007, 03:30 PM

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

HabboCouncil

09-05-2007, 03:31 PM

No. Save images as .GIF not .PNG. Will fix all issues.
Can gif's Be tranparent?

Invent

09-05-2007, 03:33 PM

Its best image type to use with transparency...Oh and its are the most used image type on the web.

HabboCouncil

09-05-2007, 03:40 PM

Ok thanks

Decode

09-05-2007, 03:42 PM

Can gif's Be tranparent?
Yep, And the .png images are transparent in IE7.

HabboCouncil

09-05-2007, 03:53 PM

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

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 :D

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

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

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:

/*

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:


*/

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.AlphaImag eLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}

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



Thanks to Bobosola (http://homepage.ntlworld.com/bobosola/pnghowto.htm) for the fix :)

Mr.OSH

09-05-2007, 07:03 PM

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

/*

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:


*/

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.AlphaImag eLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}

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



Thanks to Bobosola (http://homepage.ntlworld.com/bobosola/pnghowto.htm) for the fix :)

:O 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! :D

HabboCouncil

09-05-2007, 09:41 PM

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