.: Schtunks Blog :.

Comme je m'amuse à faire des images au format PNG (Portable Network Graphic), un peu par effet de mode mais aussi pour le découvrir, mon logo ne s'affichait pas convenablement dans IE6 car celui-ci ne le gère pas convenablement (sic!)...

Il existe un contournement grace à une instrucion CSS : !important

Cette règle appliquée à un attribut rend celui-ci prioritaire, mais comme IE ne la comprend pas, il l'ignore et se sert de l'attribut non-prioritaire...

Cette astuce permet donc des mises en formes différentes suivant le navigateur.

Ce qui donne dans mon cas pour ma classe logo :

/* Logo dans l'entete *********************************************************/
#logo {
display: block;
position: absolute;
width: 100px;
height: 100px;
right: 50px;
top: 25px;
background : transparent url(img/logo2.png) !important; /*géré par FireFox */
background : transparent url(img/logo2ie.png); /*pour IE */
}

Fini donc le gris neutre à la place de la transparence dans IE car celui-ci affiche un deuxième logo, fait sans transparence !

Espérons que IE7 sera plus complet (implémentation du canal alpha), ça nous évitera ce genre bricolage !

Voici un nouveau theme DotClear qui habille ce blog... Je l'ai appelé, sans grande originalité, OrangeBleu.

Au départ, j'étais parti du theme RougeCiel 1.0 de Maurice Svay mais comme j'avais envie de comprendre un peu la technique des CSS, je me suis fait mon propre thême... J'ai déjà réalisé une maquette de ce que je souhaitais avoir et ensuite j'ai mis cela au "standard" DotClear (style.css, template.php, etc...)

Bien-sûr, j'ai repris quelques éléments du code de Maurice Svay car il me convenait bien et que, pour finir, il n'y a pas 36000 façon de faire...

Il y a quelques petites différences entre FireFox et IE6 mais elles ne sont pas forcément génantes et/ou peuvent être contournées facilement (en utilisant un logo sans transparence sous IE, par exemple...)

Le forum DotClear est aussi un précieux atout pour comprendre et demander de l'aide le cas échéant... Il ne faut pas hésiter à y faire un tour pour chercher des solutions à tous ses petits tracas !