Cet article décrit un bug d’affichage des listes dans Interet Explorer 6 quand les éléments de la liste contiennent un lien de type block. Description du bug Prenons pour exemple le code HTML d’un menu sous forme de liste comme celui-ci : Lien 1 Lien 2 Lien 3 Lien 4 Appliquons les styles suivants au menu : ul margin : 0 ; padding : 0 ; list-style : none ; li margin : 0 ; padding : 0 ; li a display : block ; padding : 0.5em ; background : #ddd ; Ce code fait que sur (...)
mercredi 26 septembre 2007
hasLayout : bug d’affichage des listes avec IE
Par bb, mercredi 26 septembre 2007 à 01:49 :: Web
jeudi 19 juillet 2007
Firebug est ton ami, mais attention !
Par bb, jeudi 19 juillet 2007 à 22:08 :: Web
Firebug est une extension pour Firefox qui permet de gagner énormément de temps lors du développement ou du "débugage" de pages web. Mais il faut faire attention, car lors de l’inspection du code d’une page, Firebug classe les attributs d’une balise html par ordre alphabétique. Dans l’inspecteur de Firebug on voit ceci : <a id="pagination_articles" name="pagination_articles"/> Alors que dans le code source de la page on voit ceci : <a name='pagination_articles' (...)
mercredi 23 mai 2007
CSS : Appliquer plusieurs classes à un élément
Par bb, mercredi 23 mai 2007 à 22:09 :: Web
Vous saviez déjà (mais si) qu’il est possible d’appliquer plusieurs classes à un élément comme ceci : <a href="#URL_RUBRIQUE" class="hac on selected"> Mais comment appliquer un style aux éléments qui ont deux classes (ou plus) ? Tout simplement comme ceci : a.hac... a.on... a.hac.on... La première règle cible les ancres qui répondent à la classe hac. La deuxième règle cible les ancres qui répondent à la classe on. Et la dernière règle cible les éléments qui répondent à la (...)
mercredi 2 mai 2007
Liens valides vers Google Maps et autres
Par bb, mercredi 2 mai 2007 à 20:44 :: Web
En analysant la page d’un site sur lequel je bosse en ce moment, le validateur HTML du W3C m’a retourné un "petite" trentaine d’erreurs sur la page en question (pas glop comme diraient certains). En fait le problème était dû à deux liens : un lien vers une carte Google Maps et un autre vers un plan sur le site Via Michelin. Ces liens ressemblent à ceci : http://maps.google.fr/maps?f=q&.... Or comme j’ai pu le lire sur les forums d’Alsacreations, les erreurs proviennent des esperluettes (...)
jeudi 1er février 2007
OVH : multidomaine et redirection mails
Par bb, jeudi 1er février 2007 à 22:11 :: Web
La gestion des redirections de mails sur un multidomaine chez OVH est parfois compliquée à mettre en place (les guides d’ovh ne sont pas toujours très explicatifs). Si on achète un domaine nu, sans hébergement, on ne peut pas lui associer de compte POP. Il faut donc utiliser le système de redirection. Après quelques recherches et expériences voici une méthode qui fonctionne. Mise en place des redirections mails Rendez vous dans la section Emails du manager de votre domaine. Cliquez sur Serveurs MX, (...)
lundi 29 janvier 2007
PHP : apostrophes VS guillemets, expressions régulières
Par bb, lundi 29 janvier 2007 à 19:56 :: Web
Un article traitant de la différence d’utilisation des apostrophes ou des guillemets pour écrire des chaînes de caractères en PHP. Apostrophes ou guillemets : lesquels choisir ? Que ce soit pour le temps d’exécution ou pour la lisibilité, les apostrophes l’emporte (sauf pour l’écriture de requêtes SQL). Petite remarque à propos des apostrophes, comme il est dit dans l’article : "Une chaîne entre guillemets peut interpréter les variables PHP qu’elle contient, alors qu’une chaîne entre apostrophes ne les (...)
dimanche 28 janvier 2007
CSS : appliquer :hover à des blocs
Par bb, dimanche 28 janvier 2007 à 22:03 :: Web
Lu sur Smiley Cat un article décrivant une méthode pour appliquer des effets de roll over à des blocs (état :hover). How to Create a Block Hover Effect for a List of Links Pourquoi cet article ? Tout simplement parce qu’avec IE on ne peut appliquer un état :hover qu’à un lien (lire l’article sur Openweb). La technique employée dans l’article de Smiley Cat résout le problème en encadrant le contenu de chaque <li> par des <a>. C’est un peu "bourrin" comme technique mais ça fonctionne. Cette (...)
jeudi 25 janvier 2007
Réglages par défaut CSS
Par bb, jeudi 25 janvier 2007 à 23:55 :: Web
Lu sur Ask the CSS Guy un article sur les valeurs par défaut que l’on peut appliquer à une feuille de style au début d’un projet. The Style Declarations I Make Almost Everytime I start a new site En résumé ça donne ça : body padding:0 ; body background :#fff ; /* ou la couleur de votre choix */ form padding:0 ;margin:0 ; ul margin:0 ;padding:0 ; a img border:0 ; /* celle ci j’approuve à 100% */ Je crois avoir déjà lu un autre article là dessus mais je n’ai plus le lien en stock, si je retrouve ça je (...)
mercredi 24 janvier 2007
CSS : Icone suivant le type de fichier lié
Par bb, mercredi 24 janvier 2007 à 19:04 :: Web
Lu via Css Globe un article expliquant comment mettre en place un système qui permet d’identifier un lien suivant son icône. Concrètement, si un lien pointe sur un fichier pdf on affiche l’icône des fichiers pdf après le lien. Iconize Textlinks with CSS Une archive contenant le fichier css à lier à ses pages ainsi que les icônes nécessaires est disponible. Et en plus ce n’est pas lourd (3.87ko pour le css). Le script a été testé sur Firefox (Mac & PC), Camino, Safari, Opera (Mac & PC) & (...)
samedi 13 janvier 2007
Astuces rapidité commandes PHP
Par bb, samedi 13 janvier 2007 à 18:41 :: Web
Lu via SednaSpip un article sur la rapidité d’exécution des fonctions PHP : PHP Speed Freaks (le principe de la timeline dans le haut de la page pour afficher les billets du site est vraiment sympa). On retrouve dans cet article une comparaison entre echo et print, sujet qui a aussi été abordé sur Blogix : Print ou echo ?
vendredi 29 décembre 2006
Guide pour fichier .htaccess
Par bb, vendredi 29 décembre 2006 à 11:17 :: Web
Article intéressant trouvé sur Sedna Spip concernant le fichier .htaccess pour Apache. Ultimate htaccess Article Et un forum sur le sujet C’est quoi un fichier .htaccess ? Les fichiers .htaccess sont des fichiers de configuration des serveurs web Apache. Ils peuvent être placés dans n’importe quel répertoire du site web (la configuration s’applique au répertoire et à tous les répertoires qu’il contient) et peuvent être modifiés alors que le serveur est en cours d’exécution. On peut les utiliser (...)
vendredi 29 décembre 2006
Problème encodage UTF-8
Par bb, vendredi 29 décembre 2006 à 11:06 :: Web
Petit lien vers une page pratique sur l’encodage de caractère en utf-8 avec PHP / MySQL (lire l’article). Voici un résumé intéressant que l’on peut trouver à la fin de l’article : Reconnaissance rapide des problèmes d’affichage UTF-8 ISO Si la page affiche des caractères de ce type : "é", "î", "Ã", ... => Les données ont été enregistrées au format UTF-8, et le navigateur les affiche en pensant avoir affaire à de l’ISO. Si la page affiche des caractères de ce type : "�" => Les données ont été enregistrées (...)
mardi 19 décembre 2006
Eye tracking du pauvre ... suite
Par bb, mardi 19 décembre 2006 à 14:10 :: Web
Il y a un mois, Sébastien Billard proposait sur son blog une solution pour analyser les mouvements de l’œil sur une page web (lire l’eye tracking du pauvre). Feng GUI ViewFinder est une solution en ligne pour analyser une page. Il suffit de soumettre une url et vous obtenez une carte des zones "chaudes" de la page (celles qui sont les plus regardées). Par contre, les explications sur l’algorithme utilisé pour afficher les résultats sont encore assez vagues. Voici ce que ça donne pour la page (...)
jeudi 7 décembre 2006
Polices Ornements gratuites
Par bb, jeudi 7 décembre 2006 à 23:03 :: Web
La semaine dernière, je cherchais des polices de caractère pour insérer quelques ornements dans une maquette de site. Voici une page où j’en ai trouvé une petite collection. Polices d’ornement gratuites sur TypOasis Maurice Svay met aussi à disposition quelques ornements au format svg sur son blog : Ornements pour vos sites web Ornements pour vos sites web partie 2
mardi 5 décembre 2006
Microsoft Expression Web VS Aptana
Par bb, mardi 5 décembre 2006 à 11:52 :: Web
Ce matin en lisant quelques news du web, je suis tombé sur un article présentant la prochaine suite de développement web de µcrosoft. Dans cette suite on peut trouver le successeur de FrontPage qui s’appelle Expression Web dispo pour 299$. Voici un aperçu de l’interface d’Expression Web. Et voici un aperçu d’Aptana, logiciel libre dispo sous windows, linux et mac... Cela fait un mois ou deux que j’ai découvert ce soft et ça m’a l’air très prometteur. Il gère l’auto-completion, la documentation (...)
0 | 15
