Habiller des images en 2 clics
Le 28 février 2007
Voici une méthode extrèmement pratique trouvée sur http://www.swfir.com/
Comment habiller dynamiquement et simplement des images?
La solution est amenée par le mélange de Flash et Javascript, et l’intégration de la logique Jquery.
Hack css
Le 27 décembre 2006
les hack IE avec les selector
1.IE 6 and below
2.* html {}
3.IE 7 and below
4.*:first-child+html {} * html {}
5.IE 7 only
6.*:first-child+html {}
7.IE 7 and modern browsers only
8.html>body {}
Modern browsers only (not IE 7)
9.html>/**/body {}
10.Recent Opera versions 9 and below
11.html:first-child {}
Centrer horizontalement
Le 13 octobre 2006
css
1.#contenaire{margin-left: auto;margin-right: auto;width: …; }
/* largeur obligatoire pour être centré */
fin css
!!! Cette version nemarche pas sous IE6
méthode qui fonctionne sous IE:
css
2.body {margin: 0;text-align: center;}
3.global {margin-left: auto;margin-right: auto;width: …;text-align: left;}
fin css
Faire de l’opacité en css
Le 13 octobre 2006
Pour faire de l’opacité en css:
img{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
/* Opacité pour IE */
filter: alpha(opacity=30);
/* Opacité pour IE (2°solution)*/
-moz-opacity: 0.30;
/* Opacité pour Mozilla */
-khtml-opacity: 0.3;
/* Opacité pour Safari */
opacity:0.3;
/* Opacité futurement valide W3C */
}
!!! attention, il faut ABSOLUMENT définir la largeur ou la hauteur de l’element que l’on veut rendre opaque…
Ordre de déclaration de la balise de lien
Le 9 octobre 2006
a.lien1:link {
color: green ;
text-decoration : none ;
}
a.lien1:visited {
color: green ;
font-style : italic ;
}
a.lien1:hover {
color: green ;
text-decoration : underline ;
}
a.lien1:active {
color: darkgreen ;
}
en raccourcis:
a.lien1:link, a.lien1:visited {
color: green ;
text-decoration : none ;
}
a.lien1:hover,a.lien1:active {
color: green ;
text-decoration : underline ;
}