Alors pour tous ceux qui ne le connaissent pas, WebRankInfo est l’un des plus grand site de référence français en matière de référencement.

Lire la suite

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 :

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

Le XHTML Strict ne supportant pas les pages en frames, l’attribut target de la balise <a> ne passe pas la barrière du validateur. Par conséquent, la valeur ‘_blank’ qui lui était attribuée pour ouvrir une page web dans une nouvelle fenêtre. Pour surmonter ce problème, on peut utiliser le Javascript ou manipuler le DOM.

Voici une solution :

<a onclick="window.open(this.href, '_blank'); return false;" href="http://url_du_site.com"> Le site à visiter </a>

L’exemple précédent ouvrira la page dans la fenêtre actuelle si le Javascript est désactivé ou si un ‘anti-popup’ est actif sur l’ordinateur du visiteur. On n’empêche donc pas l’internaute de naviguer vers la page qui devait s’ouvrir dans une autre fenêtre.

Lire la suite