Yeb215

Ce script ne fonctionne que pour les balises <img> ce qui fait que les background-image, c'est mort. Faché j'utilise que ca. Peut être qu'en passant les backgrounds en images de taille définie et en utilisant les Z-order y'a moyen, mais merde, on va quand même pas faire des sites optimisé pour Firefox ! Il sort quand le bidule explorer 7 ?

Achete des bouquins et lance toi plusieures heures par jour dans la réalisations de projets cours (2 ou 3 jours), dans un ou deux mois, tu seras devenu pro. Pas de secret : faut bosser. Seb

Non Marvin tu n'as rien manqué. J'ai semble-t-il trouvé la solution : Selon REVAZ de www.trucsenvrac.com "il y a un autre moyen , c'est de mettre tes images en png , et de rajouter un script qui permet d'avoir la transparence des png meme avec internet explorer. il faut que tu crée un fichier que tu nomme pngfix.js , tu y met le script suivant : // Correctly handle PNG transparency in Win IE 5.5 or higher. // [url=http://homepage.ntlworld.com/bobosola]http://homepage.ntlworld.com/bobosola[/url]. Updated 02-March-2004 function correctPNG() { 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 } } } window.attachEvent("onload", correctPNG); tu héberge ce fichier sur ton FTP , puis dans ta page HTML tu insère ce code : <!--[if gte IE 5.5000]> <script type="text/javascript" src="pngfix.js"></script> <![endif]--> <!--[if gte IE 5.5000]> <script type=text/javascript src=url de pngfix.js></script><![endif]--> tu peut voir que ce script est actif sur trucsenvrac."

Xavier je te kiffe tellement on passe d'heures dans le code, qu'on n'en voit plus les petits détails. Merci beaucoup, j'ai bien dormi depuis, ca me parrait évident. Seb

Salut à tous ! Je suis en train de passer en html les calques de photoshop, et je suis confronté à un dilemne : - Utiliser le format Gif 256 couleurs pour rendre la transparence sans couches alpha, ce qui donne le resultat le plus misérable qu'il m'a été donné de voir, meme avec windows 3.1 c'était mieux... - Utiliser le format PNG mais interdire de ce fait IE d'avoir un bon rendu graphique. J'ai appliqué la methode consistant à utiliser un pixel vide et transparent avec ce type de code html : <img src="pixelvide.gif" style="width:130px; height: 1px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ImagePNGavecTransparences.png', sizingMethod='scale');" /></td> mais cela affiche une petite croix rouge d'image non trouvée, malgrès que le fond apparaissent bel et bien comme je veux. Quelqu'un a-t-il une solution pour utiliser des bons PNG sous IE ? Voilà la question du jour, Seb

Il y a un très bon livre qui est paru et qui explique de A à Z comment faire un DIV ou un TD aux bords arrondis... seulement je ne parviens pas à remettre la main sur le titre. Je crois que j'ai lu ca sur le site de Raphael Goetter, l'auteur du livre "CSS 2 Pratique du design Web" aux édition Eyrolles. (30). C'est vraiment un très bon livre, que tout le monde devrait acheter ! Bonne chance, Seb

Salut à tous ! je passe mon site web en prod demain, et je me suis rendu compte que, sous firefox, la taille de mon animation flash change. Un peu plus de précisions sur la methode d'affichage que j'utilise : <table border="0" width="100%" id="table5" height="287" cellspacing="0" cellpadding="0"> <tr> <td class="MenuFlash" id="MenuFlash" width="448" height="287"> <OBJECT id="" codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,23,0" height="287" width="448" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <PARAM NAME="Quality" VALUE="autohigh"> <PARAM NAME="BGColor" VALUE="#000000"> <PARAM NAME="Scale" VALUE="noborder"> <PARAM NAME="Menu" VALUE="false"> <PARAM NAME="DeviceFont" VALUE="false"> <PARAM NAME="Movie" VALUE="flash/header.swf"> <PARAM NAME="Base" VALUE=""> <PARAM NAME="WMode" VALUE="transparent"> <PARAM NAME="SWLiveConnect" VALUE="false"> <PARAM NAME="Play" VALUE="true"> <PARAM NAME="Loop" VALUE="true"> <PARAM NAME="EmbedMovie" VALUE="false"> <EMBED TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" Src="flash/header.swf" Name="" Quality="autohigh" BGColor="transparent" Scale="noborder" Menu="false" DeviceFont="false" WMode="transparent" SWLiveConnect="false" Play="true" Loop="true" EmbedMovie="false"></EMBED> </OBJECT> </td> [...etc...] Voilà. Avec ce système, sous IE, c'est super, mais sous Firefox, c'est tout petit... Comment remédier à ca ? Si quelqu'un à la solution... Je suis sous dotnetnuke 3.1.1, j'ai essayé d'afficher cette animation dans un module Inventua Flash Player, mais celui ci n'authorise pas la valeur 0 pour la bordure de gauche, ce qui fait que j'ai un trou dans le design.... Yeb215