CSS

Articles de cette rubrique

• L’effet pyjama

  7 février 2007, par piif
  Comment modifier l’apparence d’une ligne sur deux dans un tableau
  Pour rendre un tableau plus lisible, il est pratique de mettre un fond de couleur différent pour les lignes paires et les lignes impaires.
  Mais c’est parfois pénible de générer un html contenant des class="pair" ou impair selon le rang de la ligne.
  En jquery, c’est immédiat :
  $(’table.tableau//tr:even’).addClass(’pair’) ; et hop, les lignes paires des tableaux de classe tableau se retrouvent avec la classe pair.
  Facile non ?
  Il y a (...)
  
  

• Un repas équilibré

  26 août 2006, par Fil
  CSS ne permet pas directement d’équilibrer la hauteur de différentes boîtes. Un coup de javascript et c’est réglé... avec jQuery c’est en trois lignes.
  Notre document est composé d’une , laquelle contient plusieurs sous-éléments qu’on veut équilibrer (c’est-à-dire à qui on va donner la hauteur de l’élément le plus haut).
  On commence par indiquer ce qui doit se passer lorsque la page est prête :
  Ici, tout élément portant la classe .equilibre va se voir appliquer une fonction. Cette fonction consiste à (...)
  
  

• Un paragraphe trop à l’étroit

  17 août 2006, par Fil
  Manipulons gaiement les styles
  Ce serait bien sympa de pouvoir agrandir à volonté un élément, par exemple pour le faire croître en fonction de son âge.
  Voici une méthode qui choisit le même paragraphe que l’article précédent (Ajouter une boîte à coucou), et l’étire un peu.
  $("#texte > p:nth-child(1)") .prepend("coucou !") .css(width : "120px") ;
  Notez la syntaxe de la commande .css(), qui prend la déclaration des styles non pas sous forme de texte, mais sous la forme d’un tableau (...)