Blog Alsacréations

Voici un petit test de menu avec onglets graphiques.

Certes, ce n'est pas le premier du genre : certains sont sans préchargement (portes coulissantes), d'autres sont fluides et extensibles, etc.

Par contre, la plupart rajoutent de la structure et des balises inutiles (span par ci et par là entre-autres), alors que pour cet usage, le contenu généré me semble intéressant (oui, je suis toujours dans ma période "before/after" )

PS : par contre, j'ai essayé d'appliquer le hack IE7 de Dean Edwards, mais apparemment sans succès car IE ne reconnaît toujours pas before et after.

Commentaires bienvenus.

Toujours incompatibles avec la dernière version d'Internet Explorer en date (IE6), les pseudo-classes :before et :after n'ont pour l'instant jamais vraiment suscité de vif intérêt chez moi, je l'avoue.

Pire encore : leur utilisation pour générer du contenu textuel qui ne serait pas interprêté sur des navigateurs sans support des styles CSS me paraissait assez inconvenant.

Par contre, une nouvelle venue dans la blogosphère, Nanoum, une collègue modératrice de Mediabox, s'est penchée - et bien penchée - sur la question.
Elle s'est amusée à dénicher plusieurs possibilités très intéressantes pour ces pseudo-classes, allant d'un allègement du principe du clear : both à des cadres arrondis très ingénieux.

Bref, ce billet vaut le détour !