Archive de juin 2007

Structures de contrôle plus lisibles en PHP

Samedi, 9 juin 2007

Insérer des structures de contrôles dans un documents HTML n’est pas toujours une chose facile! En effet, l’imbrication des éléments qui composent un document HTML ne favorise pas le rattachement de telle accolade de fermeture de bloc (}) à tel appel conditionnel if(), ou à tel while()…

Mais pour aider les développeurs, le langage PHP propose une alternative aux accolades d’ouverture et de fermeture…

Lire la suite

 

Comment appliquer plusieurs classes css à une balise HTML

Lundi, 4 juin 2007

Comme vous le savez sûrement une balise HTML peut être formatée de plusieurs manières en utilisant des feuilles de style (CSS)

  • soit directement dans le document HTML au moyen de l’attribut style dans lequel, on insère directement les effetsque l’in veut appliquer à un élément HTML.
  • soit en utilisant l’attribut id, qui permet d’attribuer des effets de style à un élément unique HTML, en séparant les données (c.a.d le contenu sémantique du document HTML), de la mise en forme visuelle que on souhaite lui appliquer.
  • soit en utilisant l’attribut class, qui permet d’attribuer des effets de style à un ou plusieurs éléments HTML, toujours en séparant les données, de la mise en forme.

Mais comment faire pour utiliser plusieurs classes existante afin de formater son code ? Pour illustrer mes propos, dans cet exemple on souhaite obtenir la mise en page suivante :

un paragraphe…

C’est-à-dire, un paragraphe avec un retrait, en gras et de couleur verte.

Mais afin de ne pas multiplier les classes de style CSS et pour une meilleur clarté, on peut appliquer plusieurs classes CCS à une même balise HTML. Pour cela, il suffit de placer dans l’attribut class de la balise, le nom des classes CSS qu’on souhaite lui appliquer, séparées d’un espace.

En voici un exemple :

  
<style type="text/css">
  .gras { font-weight:bold; }
  .alinea { margin-left: 2em; }
  .vert { color:green; }
</style>

<p class="alinea gras vert">un paragraphe...</p>

Lire la suite