CSS tests

Le site a été mis à jour

Sat, 27 Mar 2021 09:11:57 GMT

Le site utilise maintenant PHP 7.4.3 et MySQL 8.0. De nombreux bugs ont été corrigés et d'autres ajoutés. Le site est majoritairement visité par des robots et des spammeurs.

IE 8

Fri, 01 May 2009 16:41:57 GMT

IE 8 semble avoir réglé presque tous les bugs sauf 2.

IE 8 beta2

Fri, 29 Aug 2008 19:37:27 GMT

IE 8 beta 2, en plus de deux ou trois nouveaux bugs sur le site, n'a pas réglé 8 bugs sur les 42 signalés sur le site.

Déboguer une page

Sat, 26 Aug 2006 15:58:23 GMT

Une introduction à ce qui peut permettre de déboguer une page html à problèmes est en ligne.

IE7 RC1 amène de nouveaux problèmes

Fri, 25 Aug 2006 16:10:18 GMT

IE7 Beta 3 a réglé plusieurs bugs (standalone version), IE7 RC1 amène de nouveaux problèmes : les liens ne sont plus actifs sur toute la ligne avec plusieurs menus (voir lien).
Le problème a été réglé en ajoutant :
#menugauche ul li a{display:inline-block;}
#menugauche ul li a{display:block;}
Le problème est réglé presque partout en déclenchant hasLayout avec inline-block puis en remettant les choses dans l'ordre avec block.
La procedure pour Beta 3 fonctionne pour moi malgré quelques erreurs avec l'interface.

Google Analytics

Thu, 25 May 2006 10:44:14 GMT

Le site utilise Google Analytics depuis peu. Pour l'instant, les résultats ne diffèrent pas des statistiques du site pour les visiteurs ayant activé javascript. La précision pour les villes n'est pas très bonne.

IE 7 beta 2 preview

Sun, 14 May 2006 20:26:58 GMT

Comme la dernière version beta corrige quelques bugs, j'ai dû retirer la plupart des filtres entre commentaires conditionnels afin de faire réapparaître les menus et afficher correctement plusieurs pages.

Tester IE 7 preview beta 2 sans désinstaller IE 6

Mon, 10 Apr 2006 15:01:31 GMT

Un moyen assez simple de tester la version 7 en conservant IE 6 dans l'état :
1. Télécharger la dernière version beta à l'aide du lien ci-dessus.
2. Extraire les fichiers vers un répertoire de son choix à l'aide de 7zip ou d'un autre utilitaire.
3. Supprimer le fichier shlwapi.dll dans ce répertoire.
4. Créer un fichier vide nommé iexplore.exe.local dans ce répertoire.
Pour lancer IE7, il suffit de cliquer sur iexplore.exe.
Pour tester les commentaires conditionnels, remplacez IE par zIE dans la clef du registre HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Version Vector
Les 3 versions standalone que j'ai présentent toutes des bugs différents, certaines corrections de bugs entraînant de nouveaux bugs.
La dernière version en date (17/03/2006) exige HasLayout pour un span, n'accepte pas toujours pas div:first-letter et p:first-letter dans plusieurs contextes etc...
Des commentaires conditionnels tentent de corriger ces problèmes.

CSS dynamique avec des variables ou des cookies ou une session

Thu, 16 Feb 2006 15:53:29 GMT

Plusieurs pages avec 3 colonnes et des largeurs fixes utilisent CSS dynamique pour changer le style. Si l'utilisateur accepte les cookies, toutes les techniques marchent.

Coins arrondis sans javascript ou images

Fri, 13 Jan 2006 19:05:38 GMT

Une solution pour des "rounded corners", sans javascript et sans image, inspirée par http://www.cssplay.co.uk/boxes/snazzy.html a été ajoutée en page d'accueil. (ie 5.5+, opera 6+)

Googlebot cache et CSS

Tue, 08 Nov 2005 21:15:10 GMT

En fait, le cache de Google n'apprécie pas height:1% (hack pour msie).
Certains problèmes sont donc réglés, pour les autres, c'est maintenant la feuille de style pour MSIE 6 qui est testée afin de voir si l'affichage des instructions CSS dans le cache de Google est meilleure.

Utiliser la dernière version du générateur de page

Sat, 29 Oct 2005 14:29:52 GMT

http://css.tests.free.fr/en/index3.php utilise la dernière version du générateur avec le contenu de la page d'accueil.

Utiliser des commentaires conditionnels plutôt que des filtres

Thu, 27 Oct 2005 14:46:52 GMT

La page http://css.tests.free.fr/pagecss6b.php a été modifiée (http://css.tests.free.fr/en/pagecss6bie.php) et utilise des commentaires conditionnels pour MSIE.
La page http://css.tests.free.fr/hacks2.php à propos des commentaires conditionnels a été ajoutée.

Utiliser des commentaires conditionnels plutôt que des filtres

Sun, 16 Oct 2005 20:22:17 GMT

La page http://css.tests.free.fr/pagecss6h.php a été revue pour une utilisation de commentaires conditionnels destinés à MSIE.
Les explications vont suivre.

rss editor 0.0.9 et fil rss avec une feuille de style

Thu, 13 Oct 2005 17:17:18 GMT

rss editor permet d'ajouter une feuille de style au fil rss.
Beaucoup de différencespeuvent être constatées entre MSIE et Firefox/Opera dans l'interprétation des balises html que j'utilise.
La feuille de style s'appelle rss.css

Googlebot cache et CSS

Sun, 09 Oct 2005 18:03:50 GMT

Googlebot utilise pour son cache les instructions css destinées à MSIE 5.5 et suite à des problèmes de syntaxe utilise le mode quirks.
Comme le site renvoie des pages différentes en fonction du navigateur et utilise le "Standards Compliance Mode", à ce jour, les pages du site en cache sont parfois illisibles.
Ceci devrait être réglé lors de la prochaine visite de Googlebot.
Yahoo a aussi quelques problèmes avec CSS, entre autres avec la fin de span.

Qui lit robots.txt ?

Wed, 28 Sep 2005 20:08:49 GMT

Une liste des identificateurs de robots qui interrogent robots.txt avant d'explorer le site css.tests.free.fr depuis hier est en ligne. Sa mise à jour est automatique.

CSS Dynamique, utiliser des cookies avec PHP

Sat, 09 Jul 2005 08:00:27 GMT

Quelques explications sur la façon de changer une feuille de style avec PHP et des cookies (ou un formulaire ou des variables) sont maintenant en ligne.

Le nombre de visiteurs vient de dépasser celui des robots

Wed, 15 Jun 2005 17:30:21 GMT

www.pixel2life.com a indexé les explications pour construire une page sans tableau. Cela a amené quelques robots et beaucoup de visiteurs. Les robots ne sont plus les visiteurs les plus fréquents.

Appliquer un style à span

Sun, 12 Jun 2005 13:46:08 GMT

Après optimisation et mise au point des pages déplacées, la première page d'une série consacrée à ce que peut apporter CSS à une balise span est en ligne.

Menus en CSS, CSS hacks, filtres CSS, CSS popups, CSS dynamique, construire une page sans tableau, compatibilité des navigateurs

Mon, 25 Apr 2005 15:54:14 GMT

Quelques pages illustrant les techniques de base sont maintenant en ligne.

Mise en place du site CSS

Tue, 05 Apr 2005 17:35:05 GMT

La lenteur des accès au serveur danzcontrib.free.fr m'a amené à déplacer ce qui concerne CSS ici.