» Catégorie :
Menu horizontaux et verticaux à base de simples listes
Comme vous pouvez le constater, je viens de mettre en place un menu horizontal en haut de page. En cherchant un peu ce qui se faisait sur le web, j'ai découvert que l'emploi de ces menus était très à la mode à tel point qu'on en trouve des dizaines d'exemples sur divers sites. Je vous propose donc de découvrir quelques exemples de ces menus. Je vous donnerai également quelque sites qui proposent d'autres menus.
Rollover : les images coulissantes
Vous avez déjà mis en place des effet de rollover (effet au survol de la souris) dans vos développements ? Alors vous connaissez peut-être ce problème : lors du premier survol, l'image ne s'affiche pas immédiatement puisqu'elle doit encore être chargée. Je vous propose ici une solution simple pour palier à ce problème en n'utilisant que du CSS et du HTML.
Quelques méthodes anti spam
Développant depuis un certain temps des applications et sites web, j'ai de nombreuses fois été confronté au problème su spam. Au fil du temps j'ai pu mettre au point ou découvrir différentes solutions techniques pour lutter contre ce problème. Je vous en propose ici un petit tour d'horizon.
Des formulaires accessibles
Votre site passe au validateur du W3C? Parfait vous avez respecté une norme à la lettre en développant votre site et on ne peut que vous en féliciter. Pourquoi ne pas jeter un petit coup d'œil à vos formulaires en vous appuyant sur les quelques conseils que je vous donne dans cet article. Vous y trouverez quelques petites astuces pour rendre les formulaires plus accessibles et pratiques à utiliser. On y fera également un petit point sur l'emploi de javascript pour la validation ceux-ci.
Un arrière plan étirable
Les propriétés CSS permettant d'appliquer une image d'arrière plan aux éléments d'une page, ou à la page elle même, ne permettent de couvrir toute la surface disponible que par répétition de l'image. Je vous propose ici une méthode permettant détirer l'image en hauteur et/ou en largeur en fonction de l'espace disponible. A noter qu'à l'inverse de beaucoup de solutions proposées sur la toile, celle que je vous propose n'utilise pas de java script.
Centrage vertical et horizontal
S'il est simple de centrer horizontalement un bloque dans une page, il moins simple de le centrer verticalement. Nous verrons dans cette article une technique qui fonctionne uniquement grâce aux CSS et sur tous les navigateurs. Le tout en respectant les normes!
Barres de défilement dans un bloc
Certains diront "Ou comment imiter une iframe proprement"! C'est que nous allons voir dans cette article : reproduire le comportement d'une iframe mais sans tout les inconvénients de celle-ci et avec une seul page.
Effet encadrement photo avec ombre sur vos images
Je vous propose de découvrir dans cet article comment donner à vos images un encadrement blanc, un contour gris et enfin une ombre. L'objectif est de leur donner l'apparence d'une photo papier surélevée par rapport à votre page. La technique qui sera présenté ici ne nécessitera aucune modification de vos images, et pourra donc s'appliquer à n'importe laquelle de façon automatique.
Un min-height pour tous les navigateurs
Parfois, certaines chartes graphiques requièrent que certains bloques d'une pages aient une hauteur minimale. Ce comportement peut être obtenu grâce à la propriété CSS min-height. Malheureusement, Internet Explorer ne reconnaît pas cette propriété... A cause de quoi, il faudra ruser pour obtenir le même comportement partout!


