Créer une boîte flexible aux coins ronds avec les CSS

La création de boîte avec des coins arrondies pour la mise en page de certains éléments est une pratique très courante, et les tutoriels pour faire ça avec les vieilles tables ne manquent pas. Par contre, comment faire avec des div et les CSS pour un site web moderne et conforme aux standards W3C? À [...]

Problèmes d’affichage des éléments en mode absolu avec Internet Explorer

Les vieilles versions de Internet Explorer (IE 6 et IE 7 généralement, je ne teste plus en dessous car le trafic n’en vaut pas la peine) nous réservent toujours des surprises quand on développe une page web, avec tout leurs bugs CSS, et il arrive souvent d’avoir des problèmes d’éléments qui sont affichés en-dessous d’un [...]

Comment faire des infobulles (tooltips) dynamiques

Un site sur lequel je travaillais contenait un large formulaire avec des questions spécifiques et des termes techniques qui ne sont pas toujours connus des visiteurs moyens. Comme il est nécessaire de répondre aux question potentielles des visiteurs sans surcharger le formulaire ou que ceux-ci ne changent de page, il me fallait un système d’infobulle [...]

Comment faire une belle pagination avec des listes en CSS

Il peut être tentant de simplement utiliser des tables pour afficher une pagination en bas de page, mais cette méthode va à l’encontre de l’esprit d’un site HTML et CSS, qui sépare la présentation du contenu, parce qu’une pagination n’est pas à proprement parlé du contenu tabulaire et l’emploi de la balise table ne serait [...]

Comment faire des bordures sur des images en CSS

Anciennement, on utilisait l’attribut border à l’intérieur de l’image (ex: border= »1″), et le simple fait de mettre un lien sur cette image nous permettait d’avoir une bordure qui se comportait comme les liens de la page, avec les même couleurs. Toutefois, cette pratique est désuète et n’est pas compatible avec les nouveaux standards strict de [...]

Truc pour protéger vos images contre le copiage

Bien sur, à toute fin pratique, il n’existe pas de trucs qui vont empêcher complètement un visiteur de copier vos images. Il existe des scripts en javascript qui bloquent l’utilisation du bouton droit de la souris, mais ça ne marche pas avec tous les navigateurs (ça peut aussi être très irritant pour les visiteurs, au [...]

Remplacer le texte d’un titre H1 avec une image

Il existe un petit truc pour continuer à employer la balise H1 et ses effets bénéfiques, au niveau du positionnement avec les moteurs de recherche et sa valeur sémantique dans une page html (désignant le titre d’un article), mais tout en affichant une image afin d’avoir un titre graphiquement plus riche, ou une police de [...]

Comment développer des sous-menus cachés

Voici une façon rapide et simple de créer un menu qui contient lui-même des sous-menus cachés tant que l’utilisateur ne cliquent pas sur le menu principal. Il y a des tonnes de script sur le web qui peuvent être exploités pour des menus dynamiques avec arborescence (treeview menu) mais si vous voulez faire ça rapidement, [...]

En quoi est-ce que HTML 4.01 et l’utilisation de Cascading Style Sheet est supérieure à HTML 3.0?

Au début de la bagarre entre Netscape et Internet Explorer dans les années 1995-1999, il y avait une course au navigateur web qui aurait le plus de fonctionnalités pour faire avancer les possibilités de présentation, au détriment de la nature même du language HTML. C’est alors qu’apparut des codes de formattage qui relevaient directement de [...]

Menus de navigation dynamique

Aussi appelés « Drop Down Menus », il existe divers moyens d’obtenir des menus dynamiques: