Internet » Firefox 3 - Le retour

----- BEGIN CSS FASCIST BLOCK -----

J'copie colle ici, pour ceulles que ça intéressera.

12:44:20] AL1 dit:
oui mais
[12:44:33] teh boï dit:
j'ai édité mon post pour l'histoire du blanc bleu
[12:44:50] AL1 dit:
si chaque li a une taille différente, tu auras bien un li class=''
[12:45:00] teh boï dit:
une taille ? sorry ?
[12:45:03] AL1 dit:
(je pense que c'est mieux ici)
[12:45:17] teh boï dit:
1. On parle bien deça ?  http://www.zelink.com/msg/
[12:45:17] AL1 dit:
une li a une taille 32px, le suivant 150px, etc.
[12:45:21] AL1 dit:
oui
[12:45:40] teh boï dit:
Chez moi z'ont tous la même taille
[12:45:50] teh boï dit:
Ha ok non il suxx ton code
[12:45:51] teh boï dit:
désolé
[12:45:58] teh boï dit:
Non, pas comme ça qu'il faut faire
[12:46:02] teh boï dit:
Le top amha
|*ul id="ton id de messages privés">
|*li class="altbg_blue">
    |span class="datetime">26:08:2008 à 20:35
    |span class="from">Fafa
    |span class="subject">Votre événement 'Boire'
    |span class="status read">(Lu)|/span>|/span>
|/li>


NB : Dans le copier coller, je remplace le < par |, sinon ça déconne.

(etc, etc.)


      [12:48:36] AL1 dit:
      pas d'accord.
      [12:48:59] AL1 dit:
      Ca supprime l'idée même des li (listes d'items) et y'a toujours class=''
      [12:49:21] AL1 dit:
      Ah non, je comprends ce que tu veux dire
      [12:49:23] teh boï dit:
      Ben non, parce que c'est une liste d'items : Chaque message est un li
      [12:49:26] AL1 dit:
      chaque li est une ligne
      [12:49:37] AL1 dit:
      alors que sur mon code, chaque li est une colonne
      [12:49:40] teh boï dit:
      Après tu peux les imbriquer, si tu veux, mais je pense qu'en terme d'accessibilité c'est pas génial
      [12:50:10] teh boï dit:
      Si tu veux être maniaque, le span class="from" peut devenir un tag author (valide en XHTML1.1 strict)
      [12:50:28] teh boï dit:
      Oui voila
      [12:50:45] AL1 dit:
      ah ben oui, j'avais pas pensé comme ça
      [12:50:55] teh boï dit:
      Je pense qu'en terme de navigation accessible, ça permet rapidement de passer au suivant... Mais j'ai pas encore eu l'occase de tester des lecteurs d'écran, ça me manque d'ailleurs sad
      [12:52:15] teh boï dit:
      Après pour l'alternance blue/blanc, quelque chose comme :

      print (($color = 1-$color) ? "altbg_blue" : "altbg_white"); te fait ça en même pas une ligne de code ^^
      [12:54:51] AL1 dit:
      Et en terme de SEO, ça garde toute l'info sur une même ligne. Evidemment, on s'en fout pour les messages vu que google ne les voit pas mais pour ce qui est de la liste des événements (le prochaine sur la liste des changements), je vais prendre le même principe
      [12:55:27] teh boï dit:
      Après, niveau CSS, ça te fait un truc genre
      [12:55:59] teh boï dit:
      #messages {
          display : table;  }

      #messages li {
          display : table-row; }

      #messages li span {
          display : table-cell; }
      [12:56:12] teh boï dit:
      T'as même pas forcément besoin de spécifier plus que ça

      ----- END CSS FASCIST BLOCK -----

Dernière modification par tehboi (27-08-2008 12:58)

Y'a trois discussions en cours sur cette discussion

@July : oui, une ligne en bleu, une ligne en blanc, une ligne en bleu.... Mais ce qui me gène c'est d'avoir à répéter class='' dans tous les li mais je ne sais pas si y'a une autre solution.
@Sunny: désolé, je me suis pas rendu compte à 1h du mat les yeux explosés que c'était pas centré. Et puis j'ai passé 2 h de panique ce matin en voyant le résultat au boulot. ARGGGGHHHHH
@TehBoi: oui, je n'ai pas encore testé les em mais je veux d'abord passer tout en div et exploser au yslow

En supposant que tu fais une boucle, en gros, tu as 2 styles dont le nom se finit par 0 ou 1 (de mémoire), tu soustrais de 1 l'identifiant numérique de ton style comme ça tu fais 1/0/1/1... ad nauseum. C'est ça?

C'est marrant cette histoire de ubiquity. Si je comprends bien de quoi ils parlent, y'a déjà ça sur Safari. Par exemple, en utilisant Safari, sur meteo.fr, il suffit de cliquer sur les petits ciseaux à côté de l'URL (à gauche) et ensuite de cliquer sur l'image avec les soleils partout et HOP, ça met l'image dans les widgets et elle est constamment mise à jour.

Un collègue m'a montré ça et j'étais scotché.

PS: safari sur mac uniquement, y'a pas les ciseaux sur PC

* POUR LES GEEKS SEULEMENT *
Au fait, si unE dieu-déesse (comment on écrit ça façon UEEH ??) des CSS pourrait me dire un moyen plus efficace d'écrire la page de la liste des messages, je suis preneur. on est passé d'une table à des ul - li mais je trouve pas ça efficace de tout le temps avoir à spécifier la classe de chaque li (par contre, je suis super content de la partie message dans les CSS).