DL, DD, DT, pertinence ou prise de tête ?

Bonjour,

Je me suis fait un petit agenda des animations se déroulant dans ma campagne bretonne, celui-ci est visible à l'adresse http://agenda.cap-sizun.com

J'essaie de coder relativement proprement mais mes faible connaissances des css me handicapent fortement.

Sur cette page http://agenda.cap-sizun.com/148-marathon-du-bout-du-monde.html figure le descriptif d'un évènement ainsi que différentes options possible selon le statut du visiteur.

Questions:
- L'emploi des listes de définitions est-il justifié pour le petit encart visible à droite ?
- Celle-ci sont elle également utiles pour le descriptif des évènements à gauche ?
- Pour quelle raisons le descriptif de gauche ne veut-il pas remonter au niveau normal malgré que sa largeur le lui permette ?
- Quelle est l'astuce pour éviter le décalage des items sous ie lorsque ceux-ci sont sur plusieurs lignes ?

Voilà, ça fait peut être beaucoup de questions mais j'avoue avoir du mal avec ces listes et j'ai l'impression que leur emploi me complique d'avantage la tâche qu'autre chose.

Merci d'avance
Loïc

Bonjour,

Cleden a écrit :
- L'emploi des listes de définitions est-il justifié pour le petit encart visible à droite ?

Non.
Une liste non ordonnée (ul) pourrait l'être, par contre.

Cleden a écrit :
- Celle-ci sont elle également utiles pour le descriptif des évènements à gauche ?

Non. Faire un tableau à deux colonnes et utiliser des éléments th pour les intitulés à gauche (avec attribut scope="row"), et td pour les valeurs à droite. Ou bien utiliser des titres de section (éléments hN).
Quelle que soit la solution choisie, on n'utilisera pas de liste.

Cleden a écrit :
- Pour quelle raisons le descriptif de gauche ne veut-il pas remonter au niveau normal malgré que sa largeur le lui permette ?

Non, sa largeur ne lui permet justement pas de le faire. Lui donner une couleur de fond visible (background: red) pour s'en apercevoir.

Cleden a écrit :
- Quelle est l'astuce pour éviter le décalage des items sous ie lorsque ceux-ci sont sur plusieurs lignes ?

Pas vu de décalage. Mais peut-être penses-tu à ceci: http://blog.alsacreations.com/2006/10/20/294

Bonjour,

Désolé pour ma réponse tardive, j'ai mis du temps à appliquer tes conseils.

Je pense avoir correctement refait ma mise en page (comme ici), il ne me reste plus qu'à l'appliquer sur l'intégralité du site

Merci pour tes conseils avisés.