28173 sujets

CSS et mise en forme, CSS3

[Abandon] Transparence PNG et décallage image

Bonjour,

J'essaye désespérément d'utiliser la transparence en PNG sous IE, et j'ai beau parcourir toutes les ressources et utiliser toutes les solutions proposées, rien ne marche.

La seule solution qui fonctionne le mieux, c'est celle proposée sur le site suivant http://homepage.ntlworld.com/bobosola/index.htm
Elle fonctionne dans le sens ou la transparence est opérationnelle sur IE. Mais elle ne fonctionne pas bien, car, j'obtiens des décalage de cette image, et d'une autre image dans le site qui n'a aucun lien avec elle !

Voilà le lien pour que vous puissiez comparer entre IE et FF :
http://mikachudesign.free.fr/siteV4/index.php
Vous pourrez voir que le logo se trouve plus haut sous IE que sous FF, et que l'image qui se trouve plus bas dans le bloc d'actualité est décallée vers la gauche.

Quelqu'un aurait-il une solution à m'apporter ?
Merci d'avance.
Modifié par Mikachu (09 Jan 2007 - 19:02)
Tu as essayé de mettre ça :

<script type="text/javascript">
<!--
function correctPNG(){
for(var i=0; i<document.images.length; i++){
var img = document.images
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
}
}
///// This part handles background png's (Koen Betsens)
for(i=0;i<document.all.length;i++){
bg=document.all[i].currentStyle.backgroundImage;
if(bg.toUpperCase().substr(bg.length-5,3)=='PNG'){
if(bg.search('%20')>0){bg=bg.replace('%20',' ')}
document.all[i].style.backgroundImage='none';
document.all[i].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='"+bg.substr(5,bg.length-7)+"')"
}
}
}

if (navigator.appName == "Microsoft Internet Explorer") {
window.attachEvent("onload", correctPNG);
}

function gam () {
if (document.getElementById("cadre_textes").className == "fort") {
document.getElementById("cadre_textes").className="faible";
}else{
document.getElementById("cadre_textes").className="fort";
}
}
//-->

</script>

C'est ce que j'utilises sur mon site et ça marche nikel Smiley lol [/i][/i][/i]
Et sinon la rubrique contact ne marche pas Smiley fache Tant pis moi qui voulais te faire des complimets sur ton site et tout !

Allez bonne continuation Smiley biggrin
Salut,

Merci de ta réponse, j'ai essayé ton script, il est actuellement en ligne à l'adresse suivante : http://mikachudesign.free.fr/siteV4/index2.php
mais sous IE il m'est dit dans la barre d'état que j'ai des erreurs sur la page. L'image est bien à la bonne place, mais en fond gris :S

Il n'y a que ce bout de code à coller, ou il faut faire autre chose ?

Pour la rubrique contact, je n'avais pas modifié le répertoire de destination du formulaire, c'est corrigé et cela fonctionne désormais Smiley cligne
Modifié par Mikachu (02 Nov 2006 - 18:10)
Salut,

Bon j'ai modifié par erreur mon index.php sur lequel j'avais le problème, et en remettant le même code, je n'ai désormais plus la transparence, ni même ce décalage qui valait ce post.

Comment puis-je faire pour utiliser mon logo en png dans le code html, inséré dans une balise de lien pour en faire un retour à la page d'accueil, et qu'il soit utilisé en transparence aussi dans IE ? Smiley bawling
Sioupléééééééééé Smiley murf
Sujet clos
Aller à