[spip-dev] Modif des boutons de l'interface: feuilles de style

Je viens d'uploader (CVS) une nouvelle version de la gestion de boutons avec survol:

- les icones en background ne sont plus utilisées: c'est désormais entièrement géré par feuilles de style;
      * gros avantages: c'est nettement plus réactif lors des animations, les problèmes de centrage sont résolus (sauf erreur);
      * inconvénient: sous MSIE, on a des boutons carrés... pour compenser la petite perte esthétique, sous MSIE ça joue avec les transparences (pas sous Moz, puisque Galeon les affiche buggés);
      * ah oui, autre très gros avantage: on récupère un affichage très propre sous Opéra et MSIE 5 sur MacOS 9 (jusque là, c'était pas propre propre).

- du coup, j'en ai profité pour modifier le code de la fonction "icone", qui est gérée désormais directement par le hover (et non plus par une fonction javascript). De ce côté, c'est perfectible, mais le code est déjà beaucoup plus propre. J'ai pas encore viré la fonction javascript, mais je crois qu'elle peut dégager sans problème.

- grâce à Stef, je viens de découvrir, pour la première fois, une véritable modification de comportement du HTML en fonction de la DTD! Tralala. Bon, inconvénient: ça m'a pas mal modifié la mise en page en de nombreux endroits, comme par hasard avec un comportement différent de Mozilla, mais je crois avoir corrigé un peu partout (le pire, c'étaient les agendas, totalement explosés).
      * Principal risque: des alignements de tableaux contrariés. J'ai ajouté un style "td" dans spip_style pour reforcer les alignements à gauche. Ca semble avoir perturbé quelques align=right dans certaines cases.

- du coup: les agendas s'affichent avec les bonnes tailles de boîtes même sous MSIE. Un rendez-vous qui se termine à 14 heures suivi d'un rendez-vous qui commence à 14 heures, on n'a plus cet effet (regrettable) d'un trou graphique de 20 minutes entre les deux (cela dit, c'est dommage, les utilisateurs de MSIE ne pourront plus en profiter pour manger un sandwich).

Salut,

Je viens d'uploader les fonctions qui manquaient pour l'agenda:
l'affichage "ramassé" des tâches à effectuer (rendez-vous, pense-bêtes).

C'est affiché notamment sur la page "A suivre".
De plus, la vue graphique réduite de la journée s'affiche si on a des
rendez-vous ce jour-là.

Avec tout ça, on ne devrait pas rater les événements importants...

<quote who="ARNO*">

- grâce à Stef, je viens de découvrir, pour la première fois, une
véritable modification de comportement du HTML en fonction de la DTD!
Tralala.

(stef et arno courent autour du stade, les bras en l'air, avant de se
rouler l'un sur l'autre comme des joueurs de [insérer ici sport populaire
et médiatique] sodomites)
:wink:

Blague à part il y en a d'autres, la plus importante étant le changement
de comportement relatif aux margin et padding des éléments de type block,
ce qui n'est pas loin du sujet, d'ailleurs.

Nos copains d'Openweb ont fait une chouette explication là-dessus :
<http://openweb.eu.org/articles/dimensions_boites_css/&gt;

Salut,

Cosmétique: dans l'affichage graphique des rendez-vous, les pavés colorés sont désormais animés lors du survol: la transparence est supprimée, le pavé survolé passe au premier plan, et l'ensemble du pavé est cliquable.

C'est pas juste pour faire zoli, c'est pour récupérer l'affichage complet du rendez-vous quand ils sont empilés.

Au passage, petit truc: ce changement de statut de feuille de style se fait à la fois par "hover" (hyper-rapide sous Mozilla, mais non fonctionnel sous MSIE) et par changeclass (lent sous Mozilla, fonctionnel et rapide sous MSIE). D'après mes essais, j'obtiens ainsi un changement d'état très rapide sous les 2 systèmes.

A*