Griffonnages - Tag - XHTML - Commentaires

Bibliographie scientifique en CSS : horrible hack - Celui

Celui — Thu, 10 Apr 2008 14:30:10 +0200

@BeRewt, je ne vois pas le problème de mettre l'acronyme abscon dans le <dt> puisque justement il y a tous les <dd> ensuite pour bien le définir.
À quoi bon utiliser <acronym> alors que cette balise disparait dans les brouillons de HTML5 et XHTML2 au profit de <abbr> ?

@e-satis, Je ne blogue jamais au boulot ;-) donc le temps "perdu" sur mes questions sémantiques n'empiettent pas sur le temps de rédaction des prochains billets....

(Je viens d'apprendre au passage que le WHATWG avait un twitter)

Bibliographie scientifique en CSS : horrible hack - e-satis

e-satis — Thu, 10 Apr 2008 13:39:49 +0200

Bon, on ne peut pas éditer ses précédents post alors je double.

Je viens d'apprendre qu'on pouvait associer plusieurs <dt> à un <dd>. Le xHTML est plein de surprise ;-) Du coup ça résout notre problème. Et au passage un des miens que j'ai eu pas plus tard que cette semaine : comment caractériser dans une liste un élément donc le titre et l'image sont de meme importance ?

Bonne continuation !

Bibliographie scientifique en CSS : horrible hack - e-satis

e-satis — Thu, 10 Apr 2008 10:02:08 +0200

@be-rewt : Oui il serait en effet plus sémantique de mettre le titre dans le dt. Ensuite on peut jouer sur les positions en relatif ou faire une combo float right et float left pour obtenir l'effet désiré. Après, est-ce que ça vaut le coup de passer 3h dessus ? L'informatique, c'est toujours un ratio travail / résultat à évaluer. Personnellement je préfère qu'il nous ponde un article dans le meme temps :-)

Bibliographie scientifique en CSS : horrible hack - be-rewt

be-rewt — Thu, 10 Apr 2008 09:24:02 +0200

J'aurais tout de même tendance à penser que le dt devrait être réservé au titre de l'article. J'ai un peu de mal avec l'idée que l'objet de la définition soit un acronyme abscons. À moins qu'on y rajoute une balise acronym ?

Bibliographie scientifique en CSS : horrible hack - Celui

Celui — Wed, 09 Apr 2008 23:01:06 +0200

e-satis, merci beaucoup. Je vais utiliser les listes de définitions qui, en effet, semblent plus adaptées à mes besoins. Mon idée de base était d'éviter les doublons une ligne du genre :
<dt id="ABCD08">[ABCD08]</dt>
Mais, après tout, ce n'est pas bien grave...

Bibliographie scientifique en CSS : horrible hack - e-satis

e-satis — Wed, 09 Apr 2008 21:24:33 +0200

Bonsoir Celui. Je ne suis ton blog que depuis quelques semaines mais il est fort sympathique.

Pour ce qui est de ton code, le problème vient plutôt de ton balisage xHTML. Dans ton cas, il convient d'utiliser une liste de définition, elles sont exactement faites pour cela. Voilà ce que cela pourrait donner :

   <dt>ABCD08</dt>
   <dd>Titre</dd>
   <dd>Auteurs</dd>
   <dd>Références</dd>
   <dd>Autre</dd>
   
   <dt>Celui08</dt>
   <dd>Titre</dd>
   <dd>Auteurs</dd>
   <dd>Références</dd>
   <dd>Autre</dd>

</dl>

Ensuite tu peux appliquer un css du genre :

dt {
float : left /* maintient du code à gauche */
}

dd {
margin-left : 10ex; /* déclalage des autres infos en ex pour etre extensible selon la longueur du code*/
clear : both; /* on evite les débordements disgracieux */
}

Je n'ai pas testé ce code-ci car écrit à la volée mais je peux garantir que l'idée générale est fonctionnelle

Les listes de définition sont peu utilisées, pourtant on peut faire des choses vraiment mignones avec. Des exemples cool :

http://www.pompage.net/pompe/listes...

Bon, ok, il y a toujours mieux à faire dans la vie qu'aligner ses balises au pixel près. Mais un design clean et valide en plus d'être beau, ça fait plaisir non ?