Posts Tagged css

#CSS> Puces en images d’une liste

Je ne sais pas si c’est le cas pour d’autres intégrateurs, mais je me suis souvent pris la tête pour intégrer des puces imagées pour une liste.

Le fait est que la propriété prévue pour gérer ces puces a un rendu assez différent entre FF et IE. Souvent, je retouchais l’image de la puce en jouant avec ses dimensions jusqu’à obtenir un compromis correct, ou alors j’appliquais directement un background à l’élément de la liste.

J’ai étudié d’un peu plus près la façon dont FF et IE affichait la puce, et je suis parvenu à trouver la taille qui offre un rendu identique sur nos deux navigateurs : 8px de large et 13px de haut. Evidemment le résultat est correcte pour une taille de police classique. Il suffit donc de commencer avec une image qui a ces dimensions, puis de créer la puce qui ira le mieux avec notre liste :o)

Pas de commentaires

#CSS > La limite des 4095 sélecteurs

Le saviez-vous ?

Internet Explorer ne prend en compte que les 4095 premiers sélecteurs d’une même feuille de style CSS. Par sélecteur, j’entends ce qui permet de cibler un élément HTML (body div#menu par exemple).

Il existe très peu de documentation concernant cette limite sur Internet tout simplement parce que c’est très rare d’arriver à ce nombre, mais aussi parce que ça a bien du prendre 2 heures pour comprendre exactement d’où ça venait (après avoir soupçonné le nombre de lignes / caractères ou le poids de la page par exemple).

On trouve quand même quelques traces comme ici dans les commentaires. Visiblement, ça s’appliquerait aussi au JS.

,

3 Commentaires