Abel Poucet web design
Accueil
Webdesign
Graphisme
À propos
Blog
« CSS »
Les articles liés
Centrer verticalement une image et du texte
L’attribut "absmiddle", appliqué sur une image, la centre verticalement avec le centre "absolu" du texte (et non avec sa baseline), cette solution a deux inconvéniants, elle n’est pas XHTML "valide" et ne fonctionne que sur Internet (...)
Lire la suite →
Charger une image avec un loading dans SPIP en utilisant jQuery
Le contexte : Je veux charger une image avec un loading et pourquoi pas une animation de type "fade in". Ce post reprend et approfondit la technique montrée ici. Pour cela on va utiliser jQuery qui est en standard avec SPIP depuis la (...)
Lire la suite →
Hacks Navigateurs
Attention, cela n’est que de la bidouille et peut donner du code non valide pour le W3C. À éviter si vous pouvez faire autrement, mais, personnellement, ces quelques petits hacks m’ont souvent sauvé la vie. (MAJ : j’ai ajouté deux nouveaux (...)
Lire la suite →
Un zest de CSS 3 dans Safari, Firefox et Chrome
En attendant l’arrivée de CSS 3 (sur lequel travaille le W3C et qui devrait révolutionner la façon de faire des sites en CSS), la sortie de Safari 3, permet quelques nouvelles expérimentations en introduisant certaines des fonctions à venir (...)
Lire la suite →
Une boite aux coins arrondis avec une seule image en background
Ceci est une astuce trouvée sur usabilitypost.com qui permet de construire une boite aux coins arrondis, en CSS, étirable en hauteur avec une seule image de fond. Sur son post, Dmitry s’étais lancé le challenge de trouver une technique pour (...)
Lire la suite →
CSS : "position : fixed" avec IE6
Internet Explorer 6 ne comprend pas la "position : fixed" introduite avec CSS 2 mais on peut le forcer à fixer une div grâce à un petit hack CSS présenté ci-dessous. Pour forcer IE6 à fixer une div : On utilise la pseudo propriété (...)
Lire la suite →
CSS : Le Peekaboo Bug de I.E.6
Le Peekaboo Bug c’est quand, dans Internet Explorer 6, vous avez un texte ou un bloc qui ne s’affiche pas au chargement, puis réapparaît quand on scroll sur la page ou quand on en sélectionne le texte. Trouvé sur SixThings, ce petit bout de (...)
Lire la suite →
Styler la balise HR
Une solution simple et cross-browser pour styler ses balises hr en CSS. En effet, chaque navigateur gère différemment la balise hr, quand Gecko (moteur de rendu) interprétera une ligne de 1px de haut et une bordure de 1px, de son côté, (...)
Lire la suite →
Désactiver le halo bleu de safari sur les formulaires en "focus"
Webkit (et donc, Safari, Chrome etc.) crée un halo autour des formulaire et des liens en "focus". Ceci est une bonne idée et permet d’améliorer l’ergonomie sur des formulaires simples, mais si votre design CSS est poussé et que vous voulez (...)
Lire la suite →
1
|
2
Rechercher sur le site
Rechercher :
© 2012 - Abel Poucet web design