Archive pour la catégorie 'CSS'

Paramètres d’impression en CSS

Tuesday 12 December 2006
  • Utiliser une CSS pour l’impression : [css] [/css] par opposition à l’écran [css] [/css]
  • Passer en mode paysage (Que en CSS2 et sur Opera…) : [css]@page {size: landscape; }[/css]
  • Passer à la page suivante : [css]page-break-after: always; [/css] PS : d’autres options existent. Si vous en avez, n’hésitez pas à me les mettre en commentaire.

Changer la propriété CSS background-image à partir du Javascript via le DOM

Tuesday 12 December 2006

Si vous essayer d’utiliser comme d’habitude :
[code]document.getElementById(’mondiv’).style.background-image = url(monurl/monimage);[/code]

Vous constaterez que cela ne fonctionne pas car il y a un tiret entre background et image.
Il faut alors enlever le tiret et mettre en majuscule la première lettre qui suit :

[code]document.getElementById(’mondiv’).style.backgroundImage = url(monurl/monimage);[/code]

Quand on le sait c’est si simple ;-)

Ceci est valable pour toutes les balises CSS comprenant un tiret.

Outil pour compresser une feuille de style (CSS)

Thursday 7 December 2006

Lorsqu’une feuille de style commence à peser un peu lourd, cela peut devenir problématique en terme de lenteur et de consommation de bande passante. Cet outil en ligne permet de compresser efficacement les CSS en enlevant tout ce qui n’est pas nécessaire, en enlevant les doublons etc…

Choisir visuellement la CSS ses polices de caractère

Wednesday 6 December 2006

Allez sur le site de CSSTYPE. Très pratique.

Spécifier des commandes conditionnelles en CSS pour Internet Explorer

Wednesday 15 November 2006

Il suffit d’enrouter la commande en question par ces balises :

[code] [/code]Cette condition permet de spécifier la version auxquelles s’applique ces commandes css. On peut soit utiliser ceci pour appliquer une/des commande(s) juste pour Internet Explorer : [code][/code]

Ou alors créer des conditions plus complexes à l’aide des ces opérateurs de comparaisons :

  • gt : greater than
  • lt : lower than
  • lte : lower than or equal
  • gte : greater than or equal
  • ! : non
  • IE 5.0 : pour une version en question

Exemple : [code][/code]

Afficher correctement des PNG 24 bits avec transparence dans Internet Explorer

Sunday 12 November 2006

Pour palier aux petits (!!!) soucis de support de la transparence des PNG sous Internet Explorer, ce petit script nous permet d’afficher les images correctement. Si vous utilisez Internet Explorer 6 ou inférieur, veuillez mettre votre version à jour car IE7 supporte ENFIN la transparence des PNG. Bien entendu, je vous recommande vivement d’utiliser Firefox.

Supprimer tous les margin et padding par défaut

Wednesday 8 November 2006

Il faut rajouter ceci dans la css :

[css]

* {

margin: 0;

padding: 0;

}

[/css]

Cela annule toutes les valeurs par défauts qui diffèrent d’un navigateur à l’autre et qui provoque des bugs d’affichages.

Aligner verticalement une image en CSS

Tuesday 7 November 2006

vertical-align:middle