[Résolu] Dilème: tableau ou pas tableau?

Bonjour!

J'ai déjà fait quelques demandes sur ces forums pour la reconstruction de mon site, et j'ai réussi à avancer. J'en arrive à un point certainement le plus important: l'exposition de mes photos sur mon site.
Voici comment celà s'organisait sur l'ancienne version de mon site: http://chrispics.free.fr/touropus12.html (la page ne fonctionne pas entierrement, c'est normal, ce que je veux vous montrer, c'est juste le tableau où y'a les petites vignettes)
J'avais fait un tableau à 4 colonnes où j'ajoutais mes photos.

Dans la nouvelle version de mon site, j'ai réalisé la mise en page grâce à une feuille de style, j'ai fait un design sans tableau... jusque là, ok.

Maintenant, je lis partout sur Internet un sorte de débat-guerre entre "tableau/pas tableau".

Bref, j'en arrive à ma nouvelle page prête à accueillir mes photos: pour les quelques informations sur l'objet de mes photos, j'ai réalisé un petit tableau, j'ai lu sur divers sites que les tableaux sont censés servir à classer des données et pas à autre chose: il me semble que pour ces petites informations, c'est le cas. Jugez plutôt: http://chrispics.free.fr/tourcoeurdefense.html

Et donc enfin: maintenant, en dessous, je veux créer une galerie comme sur l'ancienne version de mon site, et je me butte à cette question: est-ce sage de faire des tableaux pour y mettre mes vignettes, ou bien dois-je passer par le CSS et par l'exemple N°3 de ce tutoriel: http://mammouthland.free.fr/cours/css/cours2.php ?

J'ai tenté l'exemple N°3, mais je me demande comment réaliser 4 cellules les unes à côté des autres... mais ma véritable question est surtout celle en gras.

Si vous pouviez m'éclairer... merci beaucoup
Modifié par Chrispic (07 Mar 2007 - 21:39)

Bonsoir Chrispic,

Ta question, du moins en son titre, est d'actualité aujourd'hui sur Alsa.
Notre hôte pousse régulièrement un coup de gueule, tu en trouveras d'autres en faisant une recherche sur le blog ...

Ceci étant, j'aime bien utiliser les listes de définition pour baliser ce type de contenu. Cela marche bien aussi pour les vignettes et les albums photos. Le tuto montre d'ailleurs des exemples.
Modifié par Vero (07 Mar 2007 - 00:11)

Et bien, on dirait que la hasard fait bien les choses! (pour le billet d'aujourd'hui, ou plutôt d'hier)

Merci beaucoup pour ces deux liens, j'irais voir plus en détail le second demain, après le boulot, mais l'article de Raphael me conforte sur mon idée d'utiliser de simples tableaux.

Utiliser de simples tableaux pour présenter des données oui, mais est-ce que des images sont des données ? non !

La galerie d'image est tellement facile à réaliser sans tableaux !

Un <div> (vignettes dans l'exemple) dont tu définis la largeur dans ta feuille CSS, et toutes les vignettes dedans et un attribut title pour définir le titre et le tour est joué ...

/*feuille css*/
#vignettes{
   width:760px;
}
#vignettes img{
   margin:5px;
}

Un tableau est utile et intéressant s'il présente des données non présentables autrement : tableau d'intéressement, table de multiplication etc. pas pour présenter des images !!

hello !!

si tu veux une exemple de vignettes d'image sans tableau 100% css, regarde la partie de photo de mon site (et les autres pages aussi)

http://www.inkboy.fr/html/photo-retouche.php

je les ai mises en pleine page, mais rien ne t'empêche de les resserrer ou de les mettre dans un coin, et tu gère le nombre de colonnes avec la largeur du div. en plus tu peux mettre un truc du style "overflow auto" pour ajouter une scrollbar à tes vignettes (faux frame)

dans mon exemple j'ai "triché" avec des espaces insécables entre les vignettes, il faut que je corrige ma CSS car on peut très bien s'en passer.

Gunner4902 a écrit :
Un tableau est utile et intéressant s'il présente des données non présentables autrement : tableau d'intéressement, table de multiplication etc. pas pour présenter des images !!

Relire le petit coup de gueule de Raphaël (que j'aurais pu écrire) : les tableaux sont aussi utiles pour la mise en forme, en particulier s'ils évitent de se livrer à des bricolages peu robustes (mauvaise utilisation du positionnement CSS, par exemple).

Florent V. a écrit :

Relire le petit coup de gueule de Raphaël (que j'aurais pu écrire) : les tableaux sont aussi utiles pour la mise en forme, en particulier s'ils évitent de se livrer à des bricolages peu robustes (mauvaise utilisation du positionnement CSS, par exemple).

Si celà évite des bidouillages ... oui.
Créer une galerie de la manière suivante :

<div id="vignettes">
  <img src="" alt="" title="" /> <img src="" alt="" title="" />  ..
</div>

Celà n'est pas du bidouillage ... et comme le dit Tfe en commentaire du coup de gueule de Raphael :

a écrit :
Pas du tout d'accord!
C'est le principe de base du xhtml que tu es entrain de mettre en cause. Le contenu différent du contenant, etc, etc...
Les tableaux doivent se limiter à la classification d'informations par tableaux.

Pour moi un tableau ne doit pas servir à présenter des images ! de meme qu'il ne doit pas y avoir de bidouillage du code avec une divite ou une spanite aigue afin de mettre une image pile à tel endroit ! Il ne faut pas oublier que le Web n'est pas un support fixe comme le papier mais mobile, donc laissons cette fluidité vivre !
Modifié par Gunner4902 (07 Mar 2007 - 15:06)

Mmm je vois que celà crée toujours un débat et les avis divergent ^^
Vous savez quoi? Je vais tester toutes les solutions que vous me proposez, et je vais voir ce que ça donne. Et je vous tiens au courant.
D'autres avis sont toujours les bienvenus, merci beaucoup!!

EDIT: après avoir galéré, j'ai réussi à appliquer la méthode de Gunner4902 et Yosh (merci à vous!). Il faut maintenant que je me débrouille pour arriver à la présentation que je désire, mais je devrais y arriver!
Je considère le sujet comme [Résolu]! Toutefois, si il me venait un problème, je viendrais faire appel à nouveau à vos précieux conseils!
Modifié par Chrispic (07 Mar 2007 - 21:39)

Gunner4902 a écrit :
[quote=Un commentateur sur un billet récent de Raphaël sur le blog Alsacréations]C'est le principe de base du xhtml que tu es entrain de mettre en cause. Le contenu différent du contenant, etc, etc...
Les tableaux doivent se limiter à la classification d'informations par tableaux.

Les tableaux doivent. Jolie information, et qui a le joli avantage de ne pas vouloir dire grand chose.

Pour le « principe du XHTML », ça n'est pas le cas. La séparation du contenu et de la mise en forme, c'est le principe des CSS, qui sont applicables aussi bien au HTML qu'au XHTML. De plus, la quasi-totalité des sites web écrits en XHTML sont en fait écrits en HTML avec syntaxe XHTML pour faire joli, car servis avec le type MIME "text/html" (et donc traités en tant que HTML par les navigateurs, pas en tant que XML).

Gunner4902 a écrit :
Pour moi un tableau ne doit pas servir à présenter des images !

Pour ma part, je ne vois pas de contrindication majeure à l'utilisation de tableaux de mise en forme, lorsqu'ils sont correctement utilisés. Même si je préfère des solutions plus souples permettant, entre autres, des refontes et adaptations graphiques rapides et sans heurts.

Gunner4902 a écrit :
Il ne faut pas oublier que le Web n'est pas un support fixe comme le papier mais mobile, donc laissons cette fluidité vivre !

Un des avantages des tableaux, c'est que le type de rendu display: table et display: table-cell est plutôt efficace pour gérer la fluidité, justement. Mieux vaut une cellule de tableau, pour accueillir un contenu textuel, qu'une div bloquée en hauteur.

Bon, je fais un peu l'avocat du diable, mais je suis convaincu qu'il ne faut pas diaboliser les tableaux de mise en forme. De même que je suis convaincu qu'il est utile d'apprendre à s'en passer autant que possible, ce qui permet ensuite d'estimer si on a besoin d'un tableau pour tel ou tel besoin précis, ou si on s'en sort aussi bien -- ou mieux -- sans.

Florent V. a écrit :
Bon, je fais un peu l'avocat du diable, mais je suis convaincu qu'il ne faut pas diaboliser les tableaux de mise en forme. De même que je suis convaincu qu'il est utile d'apprendre à s'en passer autant que possible, ce qui permet ensuite d'estimer si on a besoin d'un tableau pour tel ou tel besoin précis, ou si on s'en sort aussi bien -- ou mieux -- sans.

Je crois que ça résume bien le tout. Au final, c'est ce que je pense aussi, même si je suis pas extrêmement callé dans ce domaine.

J'ai donc suivi la méthode sans tableau, et voilà le résultat final: http://chrispics.free.fr/tourcoeurdefense.html
Sous Firefox, ça passe niquel, ça me convient. Je vais garder celà.
Par contre sous IE6, y'a des décalages (dont un qui n'a pas de rapport avec la galerie photo: la bande bleue sur la droite de mon site )
Je laisse tomber ça pour l'instant, je me concentre à ce que ça marche avec FF. Mais si quelqu'un voyait d'où pourrait venir mes problèmes sous IE, voici le css en plus: http://chrispics.free.fr/style.css

Encore merci pour votre aide et pour vos commentaires très intéressants.

Salut,

Gunner4902 a écrit :
La galerie d'image est tellement facile à réaliser sans tableaux !

Un <div> (vignettes dans l'exemple) dont tu définis la largeur dans ta feuille CSS, et toutes les vignettes dedans et un attribut title pour définir le titre et le tour est joué ...

Dans le cas d'une mise en page fluide, ça n'a rien de simple. Dès lors que tu mets tes images dans des div (ces dernières étant de type block), tu dois les faire sortir du flux pour les aligner (ce qui souvent nécessite de recourir à la propriété float... qui pose pas mal de problèmes à IE). Le tableau reste alors plus simple à mettre en place et ce n'est pas si néfaste pour une simple galerie photo (une div est généraliste et n'a pas vraiment de sens; idem pour une cellule de tableau). J'en conviens, par contre, qu'on perd en souplesse vu que les images ne passent plus d'une ligne à l'autre lorsqu'on réduit/agrandit la fenêtre. Cela dit, Eric Meyer propose effectivement une solution (sans tableaux) dans son bouquin :
More Eric Meyer on Css ( mon tout premier... nostalgie )

a écrit :
Pour moi un tableau ne doit pas servir à présenter des images !

Ce n'est pas propre aux tableaux. A l'origine, html n'est pas fait pour présenter du contenu multimedia (tel que des images)... C'est un ajout... qui nous rend pas mal service, il faut bien le dire. Lorsqu'on insére une image ayant un sens en terme de contenu, on y met l'attribut alt afin de conserver la donnée transmise... que l'image soit affichée ou non. Ce qui compte avant toute chose, c'est la transmission de cette donnée... plus que l'image.
Pourquoi, dès lors, cette donnée ne pourrait-elle pas être de type tabulaire ? Rien ne l'empêche.

Bonjour,
Les pour et les contres les tableaux alignant des bons arguments des deux côté, du coup je ne sais plus quoi décider.
Jusqu'à présent j'utilisais le logiciel Galerie qui contient des tableaux. Je viens de passer du html au xhtml strict et je penche plutôt pour ne pas utiliser de tableaux.
Je sais que l'on peut bidouiller Galerie pour les suprimer mais ne m'en sent pas capable.
N'existe-il pas de logiciel faisant des galeries ans tableaux ?

amicalement