Code-Web.org

Développement en toute liberté!
  • Blog
  • Plugins DC2
  • Contact
  • À propos

» Catégorie : Html / CSS › Html / CSS

Tutoriaux sur la création de pages web l'aide du html et du css.
Subcategories
Html / CSS

Fil Atom des billets de cette catégorie Fil des billets
Fil Atom des commentaires de cette catégorie Fil des commentaires

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.

Lire la suite...

Par Thierry Geindre | vendredi 20 février 2009 | 10:00
Commentaires
aucun commentaire
Catégorie
Html / CSS › Html / CSS
Tags
css, horizontale, html, menu, verticale

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

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.

Lire la suite...

Par Thierry Geindre | jeudi 19 février 2009 | 10:00
Commentaires
un commentaire
Catégorie
Html / CSS › Html / CSS
Tags
chargement, css, image, rollover

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Quelques méthodes anti spam

No 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.

Lire la suite...

Par Thierry Geindre | jeudi 15 mai 2008 | 19:21
Commentaires
aucun commentaire
Catégorie
Html / CSS › Html / CSS
Tags
anti-spam, bot, protection, spam

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

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.

Lire la suite...

Par Thierry Geindre | mardi 11 mars 2008 | 16:54
Commentaires
2 commentaires
Catégorie
Html / CSS › Html / CSS
Tags
accessibilité, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

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.

Lire la suite...

Par Thierry Geindre | vendredi 15 février 2008 | 22:32
Commentaires
2 commentaires
Catégorie
Html / CSS › Html / CSS
Tags
design, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

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!

Lire la suite...

Par Thierry Geindre | jeudi 22 novembre 2007 | 17:09
Commentaires
7 commentaires
Catégorie
Html / CSS › Html / CSS
Tags
design, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

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.

Lire la suite...

Par Thierry Geindre | mercredi 21 novembre 2007 | 11:05
Commentaires
4 commentaires
Catégorie
Html / CSS › Html / CSS
Tags
accessibilité, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

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.

Lire la suite...

Par Thierry Geindre | jeudi 15 novembre 2007 | 10:56
Commentaires
6 commentaires
Catégorie
Html / CSS › Html / CSS
Tags
css, design, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

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!

Lire la suite...

Par Thierry Geindre | mercredi 7 novembre 2007 | 15:58
Commentaires
2 commentaires
Catégorie
Html / CSS › Html / CSS
Tags
css, html

Fil Atom des commentaires de ce billet Fil des commentaires de ce billet

Stop ACTA

Catégories

  • Html / CSS (9)
  • Java Script (4)
  • PHP (9)
  • Dotclear (18)
  • Référencement (2)
  • Actualité (13)
  • Web Design (4)
  • Ressources (6)
  • Code-Web.org (8)
  • Système (1)
  • Technologie (2)

Publicité

S'abonner

  • Fil des billets
  • Fil des commentaires

Racketiciel

Racketiciel

Tags

  • accessibilité
  • actualité
  • apache
  • automatisation
  • code-web.org
  • css
  • design
  • dotclear
  • html
  • kit graphique
  • messagerie
  • objet
  • php
  • plugin
  • rc
  • ressources
  • référencement
  • service
  • syntaxehl
  • widget

Tous les tags

Influent ?

Blogueurs NON influents

Sondage

Vous êtes :

Propulsé par Dotclear - Thème Freshy de Julien de Luca adapté depuis Wordpress