// Archives

HTML/CSS

Fil RSS pour cette rubrique
Cette catégorie contient 10 billets

Récupérer infos et vignettes d’une vidéo YouTube

par Germain Guglielmetti ⋅ mercredi 5 octobre 2011 ⋅ 0 commentaire

Pré-requis : une vidéo chez YouTube Avez-vous décidé d’arrêter de fumer ? Voire de commencer ? Je vous conseille de regarder la vidéo suivante : http://www.youtube.com/watch?v=-dQl... Inclusion classique (v2) Tous les n00bs savent le faire mais je rappelle quand même : sur la page de la vidéo, cliquez sur "Partager" dans le dropdown, cliquez sur "Intégrer" (...) (Lire la suite…)

Newsletter : Gmail et les hauteurs de cellules aléatoires

par Germain Guglielmetti ⋅ vendredi 23 septembre 2011 ⋅ 0 commentaire

Ce n’est pas par plaisir, mais pour respecter les créas il faut souvent coder les newsletters avec des tableaux. Depuis quelques temps Gmail (mais aussi un peu Yahoo et AOL) ont la fâcheuse tendance à pourrir les hauteurs de cellules. En l’occurrence, un code comme ceci... ...peut être rendu comme ça : Ce qui provoque donc le courroux du Client qui voit ça : (...) (Lire la suite…)

Les balises meta utilisées par Facebook pour afficher les excerpts

par Germain Guglielmetti ⋅ vendredi 9 septembre 2011 ⋅ 1 commentaire

Version Open Graph En savoir plus sur Open Graph : http://developers.facebook.com/docs/share/ <meta property="og:title" content="title" /> <meta property="og:description" content="description" /> <meta property="og:image" content="thumbnail_image" /> Version classique Il (...) (Lire la suite…)

Bordures de liens (outlines) récalcitrantes sous IE7

par Germain Guglielmetti ⋅ dimanche 13 mars 2011 ⋅ 0 commentaire

Normalement, pour supprimer les bordures des liens sous IE, on fait ça en CSS : a:active, a:focus { outline:none; } Télécharger Malheureusement... des fois ça marche pas ! Rajoutez ça dans le DOM ready : /* supprimer les bordures (outlines) autour des liens sous IE */ var links = (...) (Lire la suite…)

Bug IE7 / jQuery / backgroundPosition

par Germain Guglielmetti ⋅ dimanche 24 octobre 2010 ⋅ 0 commentaire

IE7 n’aime pas l’attribut backgroundPosition. A la place il faut utiliser backgroundPositionX et Y. // PRODUCT FAKE DROPDOWNS // on-the-fly adjustments $('.fake-dropdown').each(function(){ $('li', $(this)).each(function(i){ if (i) { (...) (Lire la suite…)

Nos bonnes pratiques dév front (HTML/CSS/JS)

par Germain Guglielmetti ⋅ samedi 21 août 2010 ⋅ 0 commentaire

Des « Best Practices » : pourquoi ? Vous donner un aperçu, chers Clients, de la manière dont le maçon va construire votre maison Vous assurer que nous avons un référentiel commun Standardiser les projets par une méthode éprouvée et pérenne Démontrer que nous prenons au sérieux la notion de Qualité. Ces bonnes pratiques sont le fruit d’une décénie d’expériences (...) (Lire la suite…)

Hacks CSS par l’exemple

par Germain Guglielmetti ⋅ mardi 23 février 2010 ⋅ 0 commentaire

No comment... #header-container .bloc-rech-evenement { width:298px; } /* firefox */ * html #header-container .bloc-rech-evenement { width:308px; } /* ie6 */ *+html #header-container .bloc-rech-evenement { width:308px; } /* ie7 */ #header-container .bloc-rech-evenement { width:308px\9 } /* ie8 */ (...) (Lire la suite…)

Min-height pour IE6

par Germain Guglielmetti ⋅ lundi 26 janvier 2009 ⋅ 0 commentaire

#contenu { padding-top:25px; line-height:140%; height:280px; } html>body #contenu { /* hack min-height pour IE6 */ height: auto; min-height:280px; } Télécharger (Lire la suite…)

Problème récurrent de div qui "disparaît" sous IE6

par Germain Guglielmetti ⋅ jeudi 15 janvier 2009 ⋅ 0 commentaire

De temps en temps IE6 s’emmêle les pinceaux et masque le contenu sous les div qui ont un fond (voir copie d’écran). Dans ce cas il faut vérifier que : la div de fond a une position : position:relative; une couleur est spécifiée en + si le fond est une image : background:url(/img/fonds/fade.gif) repeat-x white; Il faut aussi s’assurer que (...) (Lire la suite…)

CSS : couleur champ input onFocus

par Germain Guglielmetti ⋅ samedi 20 décembre 2008 ⋅ 0 commentaire

form input { background-color:#CCCCCC; } form input:active, form input:focus { background-color:#FFFFFF; } Télécharger (Lire la suite…)

Sur le Web