Catégorie Web - posté le 23/07/08 12:18:24
$('id_objet').style.backgroundColor='red';
var item=$('id_objet')
item.style.backgroundColor='red';
0 commentaire(s) Astuce CSS IE Bug BackgroundColor Javascript
Catégorie Web - posté le 07/12/07 10:00:42
Il y a des jours où on découvre des librairies vraiment bien, et ça nous rends vraiment heureux. Aujourd'hui est un de cela. Coda-sliders vous permet de présentre page sous formes de slides, avec des effets de style très sympatiques.
Rien à rajouter, il suffit de voir la démo.
Catégorie Blog - posté le 13/07/07 22:29:58
Hein? quoi? comment?
Vous aussi vous ignoriez l'existence des fichiers HTC? Mince alors, on est vraiment tombé à coté d'une base! Mais que sont-ils?
Les fichiers HTC sont des fichiers associés à votre feuille de style. Ils permettent d'interagir avec votre document XHTML (voir XML je pense) de manière transparente. Ainsi, plus qu'un style à la page, un "thème" complet peut être crée.
Commençons par le commencement: comment intégrer le bazard à votre fichier CSS:
#element {behavior: url('fichier.htc');}
/* ou ce que vous voulez d'autre du style */
div.bidule {behavior: url('fichier.htc');}
OK ca semble facil à faire. Maintenant reste plus qu'à créer le petit fichier .htc qui est sous la forme suivante:
<PUBLIC:ATTACH EVENT="event" ONEVENT="fonction(params)" />
Par exemple:
<PUBLIC:ATTACH EVENT="onclick" ONEVENT="alert('CA MARCHE!')" />
Cet exemple est certes inutile, mais les possibilités de ce système sont alors (presque) infinies. Exemple: rendre les png du css compatibles avec Internet Explorer.
UPDATE: Only IE :@
Catégorie Web - posté le 04/03/07 15:17:25
C'est en essayant de créer un nouveau thème pour le blog, et en farfouillant des thèmes du csszengarden, que j'ai découvert une astuce pour rendre le position:fixed compatible avec Internet Explorer.
En gros l'astuce consiste à spécifier les arguments des navigateurs standards en !important, puis de surcharger pour Internet Explorer:
position:fixed !important;
posifion:absolute;
top:0px;
left:0px;
Firefox connaissant la signification du "!important" ne va pas chercher à remplacer la règle fixed. Internet Explorer par contre va continuer à modifier cet attribut lors de la seconde ligne...
On obtient ainsi un style différent selon les version des navigateurs tout en restant standards. Cependant la position:absolute d' Internet Explorer ne permets pas de garder le menu visible malgré le scroll. Il n'est donc pas possible de faire de jolis effets comme celui-ci.
(Si vous avez voulez revenir au style par défault, le voici)...