bug et amelioration de WhiteSummer
Flammeche
- Messages : 66
- Inscrit : 07 Janvier 2007
- Type de bug : Erreur XHTML dans le thème
- Zone du forum affectée : Affichage des forums sur l'index
- Priorité du bug : Basse
- Description : petit problème avec le thème WitheSummer (sous Firefox) :
- lorsque la fenêtre du navigateur est trop petite, le div header_box_right passe au dessus du header_forum. et du coup les liens son diffici
les à cliquer.
- le bug vient bien de la CSS et non de firefox (voir élément de réponse)
D'autre part un bug apparait sous IE cette fois lorsque l'on veut utiliser des images PNG avec un canal alpha. Bug bien connu. Seulement le behavior proposé généralement ne fonctionne pas à cause de la sizingMethod qui est généralement sur scale dans les exemples.
- Elément de réponse : Pour le bug du header_forum, ajouter dans la partie concernant header_forum dans le fichier main.css :
clear: both;
Pour le bug de IE et des PNG :
ajouter dans le fichier main.css dans la section img
behavior: url("/tpl/WhiteSummer/pngbehavior.htc");
uplaoder le fichier
pngbehavior.htc
<public:component>
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<script>
var supported = /MSIE (5\.5)|[6789]/.test(navigator.userAgent) && navigator.platform == "Win32";
var realSrc;
var blankSrc = "/tpl/WhiteSummer/blank.gif";
if (supported) fixImage();
function propertyChanged() {
if (!supported) return;
var pName = event.propertyName;
if (pName != "src") return;
// if not set to blank
if ( ! new RegExp(blankSrc).test(src))
fixImage();
};
function fixImage() {
// get src
var src = element.src;
// check for real change
if (src == realSrc) {
element.src = blankSrc;
return;
}
if ( ! new RegExp(blankSrc).test(src)) {
// backup old src
realSrc = src;
}
// test for png
if ( /\.png$/.test( realSrc.toLowerCase() ) ) {
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
src + "',sizingMethod='image')";
}
else {
// remove filter
element.runtimeStyle.filter = "";
}
}
</script>
</public:component>
et ajouter le fichier blank.gif qui est un gif de 1x1 entièrement transparent.
voir ici pour plus d'info (ne pas oublier que sizingMethod doit être sur image et non sur scale)
- Fichier(s) : main.css
- Base de donnée utilisée : MySQL 4
Chef du projet FSB
- Age : 22 ans
- Messages : 14506
- Inscrit : 16 Septembre 2004
Merci pour ces précisions, je note et je corrigerai
Cause Im as free as a bird now, And this bird you can not change. - Freebird - Lynyrd Skynyrd
There's someone in my head but it's not me. - Brain damage - Pink Floyd
I said baby, you know Im gonna leave you. - Babe I'm gonna leave you - Led Zeppelin
Father ? yes son, I want to kill you - The end - The Doors
Volcan
- Age : 31 ans
- Messages : 1093
- Inscrit : 22 Janvier 2005
Bon j'ajoute ça ici car c'est tout à fait dans le sujet.
Dans le fichier forum_index.html du thème, il n'y a pas de class définie pour le message "Dernière visite le...". Il serait bien de mettre un attribut class pour pouvoir l'identifier dans la CSS. Et du coup le contenu de l'attribut style peut être mis dans la CSS sans autre ^^
Dans les hauteurs des cieux, par delà les nuages et les sommets enneigés, l'aigle majestueux survole la terre...
Kosmos & Eagle homepage ^^
|
|
09 Janvier 2007, 19:33 
