Web

hasLayout : bug d’affichage des listes avec IE

26 septembre 2007

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 (...)

3 commentaires

Firebug est ton ami, mais attention !

19 juillet 2007

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’ (...)

2 commentaires

CSS : Appliquer plusieurs classes à un élément

23 mai 2007

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 (...)

5 commentaires

Liens valides vers Google Maps et autres

2 mai 2007

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&hl=fr&q=combrit&layer=&ie=UTF8...
Or comme j’ai pu le lire sur les forums d’Alsacreations, les erreurs proviennent (...)

0 commentaire

OVH : multidomaine et redirection mails

1er février 2007

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, (...)

25 commentaires

PHP : apostrophes VS guillemets, expressions régulières

29 janvier 2007

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 (...)

0 commentaire

CSS : appliquer :hover à des blocs

28 janvier 2007

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 (...)

0 commentaire

Réglages par défaut CSS

25 janvier 2007

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 (...)

0 commentaire

CSS : Icone suivant le type de fichier lié

24 janvier 2007

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) & (...)

0 commentaire

Astuces rapidité commandes PHP

13 janvier 2007

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 ?

0 commentaire