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 (...)
  
  

• 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 <div class="equilibre">, 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 : <script type="text/javascript"><!-- (...)
  
  

• 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("<span>coucou!</span>") .css(width: "120px"); Notez la syntaxe de la commande .css(), qui prend la déclaration des styles non pas (...)