5568 sujets

Sémantique web et HTML

Solution la plus adaptée pour une liste d'albums photo

Bonjour, afin de respecter aux mieux les règles du W3C et d'utiliser les éléments adaptés au résultat souhaité, je viens vous demander quelle est la meilleur méthode pour afficher une suite d'albums photos, comme ceci par exemple :

a écrit :

// Album 1
- ¤Image de 75*75px ¤ ;
- Nom de l'abum ;
- Nombre d'albums secondaires ;
- Nombre de fichiers ;
// Album 2
- ¤Image de 75*75px ¤ ;
- Nom de l'abum ;
- Nombre d'albums secondaires ;
- Nombre de fichiers ;
// Album 3
- ¤Image de 75*75px ¤ ;
- Nom de l'abum ;
- Nombre d'albums secondaires ;
- Nombre de fichiers ;
// etc...


J'avais pensé à ceci :
a écrit :

<div class="album">
<img src="..." />
<ul>
<li>Nom de l'abum</li>
<li>Nombre d'albums secondaires</li>
<li>Nombre de fichiers</li>
</ul>
</div>


Mais je ne suis pas certain que ce soit la meilleure solution.
Vous avez une idée ?


Merci d'avance et bonne après-midi,
Gaylord.P.
Modifié par Gaylord.P (27 Jul 2005 - 14:58)
<table summary="...">
  <caption ...>
  <thead>
    <tr>
      <th>Album</th>
      <th>Nombre d'albums secondaires</th>
      <th>Nombre de fichiers</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><img ...><br />Nom de l'album</td>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
</table>


et Au tableau ! traduit par les Pompeurs.
Merci bien Laurent Denis pour ton aide précieuse, je ne pensais pas que les tableaux étaient adaptés pour ce genre de cas.

Sujet résolu Smiley smile
Je me permet de relancer le sujet car je n'arrive pas au résultat souhaité, voyez plutôt :

http://www.badjoo.com/BS-style/

Le résultat sous firefox est parfait, mais sous IE non, loin de la.
Vous savez comment régler ce petit problème ?

Aussi, dans mon cas, je ne peux pas mettre de <caption> ni de <i>th</i>, la navigation sera t-elle pour autant mauvaise ?


Encore une fois, merci à tous pour votre aide.
Laurent Denis a écrit :
<table summary="...">
  <caption ...>
  <thead>
    <tr>
      <th>Album</th>
      <th>Nombre d'albums secondaires</th>
      <th>Nombre de fichiers</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><img ...><br />Nom de l'album</td>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
</table>


et Au tableau ! traduit par les Pompeurs.


Il y a deux types d'être dans l'univers :

1. Ceux qui font partie du C.P.I.B.
2. Ceux qui font partie du C.C.I.B.
Gaylord.P a écrit :
Je me permet de relancer le sujet car je n'arrive pas au résultat souhaité, voyez plutôt :

http://www.badjoo.com/BS-style/

Le résultat sous firefox est parfait, mais sous IE non, loin de la.
Vous savez comment régler ce petit problème ?


La lecture de http://openweb.eu.org/articles/tableaux_css/ t'aidera à gérer la présentation des tableaux.

Gaylord.P a écrit :

Aussi, dans mon cas, je ne peux pas mettre de <caption> ni de <i>th</i>, la navigation sera t-elle pour autant mauvaise ?


ça n'est pas une question de navigation : tel que tu l'utilises, le tableau n'est plus du tout justifié Smiley cligne
L'utilité (et la justification) du tableau était de mettre en relation la ligne d'en-tête (les <th>) et des données correspondantes...
clb56 a écrit :


Il y a deux types d'être dans l'univers :

1. Ceux qui font partie du C.P.I.B.
2. Ceux qui font partie du C.C.I.B.


Non, il y en a forcément une troisième catégorie : je n'ai en effet aucun rapport ni avec le Consortium for Petrochemical Industry Benchmarking, ni avec la Chambre de commerce et d'industrie du Bénin Smiley lol
Modifié par Laurent Denis (27 Jul 2005 - 15:11)
Dans ce cas, ne serait-il pas mieux de mettre des <div> ?
Mettre des th et caption, je veux bien, mais il faut aussi comprendre que tous les utilisateurs utilisant des navigateurs graphiques n'ont pas forcément envie de voir ce genre de précision puisqu'ils le savent très bien que telle ligne est le nom, telle ligne le nombre de fichiers, ... et rajouter ces parties reviendrait à baisser les images vers le bas (qui seront affichés un peu plus bas), or, quand un utilisateur vient sur un album photos, c'est pour voir des photos et non des <caption>, <th>, ... .
Bien que je souhaite respecter les standards aux mieux, je n'ai pas non plus envie que les sites des utilisateurs perdent de l'intérêt juste pour quelques balises qui, de plus, ne servent que de précisions et que même sans les utilisateurs comprendront.
Laurent Denis a écrit :


Non, il y en a forcément une troisième catégorie : je n'ai en effet aucun rapport ni avec le Consortium for Petrochemical Industry Benchmarking, ni avec la Chambre de commerce et d'industrie du Bénin Smiley lol


Il ne s'agit hélas pas de toi mais des autres :

C.P.I.B. > Comité Pour l'Iconoclastie Brocolienne

C.C.I.B. > Comité Contre l'Iconoclastie Brocolienne

Smiley lol (évidemment) et Smiley confused (encore plus)
Etant un authentique brocoliste de la plus pure école, je nie en effet tout rapport avec ces auto-proclamés brocoliens qui dénaturent toute notre antique tradition.
Modifié par Laurent Denis (29 Jul 2005 - 18:53)
Sujet clos
Aller à