5176 sujets

Le Bar du forum

Salut.

Là ce soir, je viens de faire face à un irréductible dont même les liens de ce site n'ont pas suffi pour remettre en question ses croyances au sujet des tableaux et des <img />, et tout ça avait commencé par une simple conversation sur IRC où il regardait mes webdiz.
J'ai d'ailleurs publié un billet de chiâlage (équivalent québécois de "râlage") suite à ça :
http://ishimaru-blog.servhome.org
Je vous invite d'ailleurs à commenter là-bas, il sera plus susceptible de répondre là-bas qu'ici, mais attention quand même si vous répondez ici puisqu'il verra ce sujet et donc, vos réponses, en plus que je suis en ce moment fragile et que je ne supporte déjà pas très bien les critiques vis à vis mes contacts.

voici la convers en question, où je censure son nom, question de lui laisser le choix de se révéler.
a écrit :
<Anonyme> http://ishimaru-design.servhome.org/img/webdiz/3dblue.png Smiley langue
<Anonyme> Ah ah ^^
<Anonyme> Tu vas me dépasser c'est ce que je dis^^
<Ishimaru> ça, c'était pour une commande, mais le projet auquel il était destiné n'a jamais vu le jour
<Ishimaru> donc j'ai dépersonnalisé et recyclé le webdesign
<Anonyme> Ben il est top
<Anonyme> Dommage que tu utilises des tableaux à un moment
<Ishimaru> c'est seulement pour le forum, pis that's all
<Anonyme> Smiley langue
<Ishimaru> http://forum.alsacreations.com/topic.php?fid=1&tid=40191&s=forum+tableless#p287741
<Anonyme> Ouais mais
<Anonyme> Je crains qu'il ne comprenne pas l'utilité réelle d'un tableau.
<Anonyme> Un tableau est utile dans le cas de données tabulaires
<Anonyme> Genre une liste de prix.
<Anonyme> avec services
<Ishimaru> Mais des sujets, avec nb de réponses, nb de vus, et dernier message, c'est quoi d'après toi ?
<Ishimaru> c'est comme vouloir à tout prix remplacé les <img /> par des background CSS pour les images porteuses de contenu !
<Anonyme> Une image n'est pas indexée
<Anonyme> Ce qui est référencé c'est le texte du alt ou du title
<Ishimaru> Essaie de désactiver les images sur une page de sujet d'un forum prosilver, tu verras qu'il n'y a aucun remplacement pour les boutons Citer, Éditer, etc. !
<Anonyme> J'ai déjà tenté
<Anonyme> Et j'ai bien les liens.
<Ishimaru> Bin justement, si <img /> est préférable aux background CSS pour les images porteuses de contenu, c'est JUSTEMENT à cause du alt="" !
<Anonyme> Oui mais une image ne reflète pas le contenu obligatoirement
<Ishimaru> C'est justement ce qu'Alsacréations essaye d'enseigner : renseigner correctement les alt="" avec un texte ÉQUIVALENT !
<Ishimaru> http://www.alsacreations.com/astuce/lire/62-balise-ltimggt-ou-feuille-de-style-css.html
<Anonyme> Oui mais bon, tu peux avoir un truc propre et ne pas utiliser la balise image
<Anonyme> Même si je concède qu'une balise image est utile dans beaucoup de cas
<Ishimaru> bon là, je sens mon coeur qui bat comme un dingue. Dans ce cas, si tu veux débattre, inscris-toi sur Alsacréations et ne te gêne pas pour poser tes questions et interrogations !


Le débat s'est arrêté là puisque j'étais en train de faire une rechute (je fais de l'anxiété sociale) alors que ça faisait un bout que je n'avais pas eu de crises d'angoisse (la dernière remontait en août), et il s'est senti très mal que ça m'ait autant affectée, lui qui n'aime pas faire du mal aux autres (je le côtoie depuis deux ans sur le net).

Mais comme je sais pas du tout s'il s'inscrira ici, je prends le risque de prendre les devants, pour pouvoir lui transmettre le lien du sujet par après, en plus du billet d'humeur sur le blog.

Merci d'avance.

Ishimaru, qui se sent anxieuse face aux éventuelles réponses.
Euh...

Oui et alors ?

Désolée, mais je ne vois pas trop l'intérêt d'un post sur le forum...


ps. : Je n'ai pas vu Anonyme dire que les images c'était mal...
Modifié par Laurie-Anne (03 Oct 2010 - 12:18)
Modérateur
zardoz a écrit :
Bof . . .
Si tu vois pas l'intérêt reste aveugle.

++


Et l'eau,

l'interêt est de prendre parti sur une discussion relativement stéril. Or, je crois qu'il est plus judicieux d'analyser (positivement) la page incriminée. Ca va avancer le schmilblik.

page valide et vue sur : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.2.10) Gecko/20100915 Ubuntu/10.04 (lucid) Firefox/3.6.10

Je me lance (pas trop fort, sinon le mur est proche):
D'une manière générale, ton analyse est plutôt bien mais je dirai que ta page comporte trop de div, class,id. Or, je suis certain que l'on puisse optimiser le code.

ces éléments peuvent être surement évités.

<!-- code en amont -->
<div class="clear"> </div>
<!-- code suivant -->
<div id="push"></div>


Ton accessbar a été mal vu. Il manque les accesskey et c'est un menu (donc un ul ou ol).

Dans tes formulaires, il manque :
* le fieldset
* la legend
* les label

En ce qui concerne le forum... Un forum, c'est très tabloïd... Les images définissant l'état d'un canal sont bien vues (c'est porteur d'information sur le contenu)... Cependant ton approche sur ce dernier n'est pas tout à fait juste sur certains points à mon sens.

Bien qu'il ne soit pas nécéssaire de les mentionner, tu indiques un tbody, mais où est thead et tfoot (pas obligatoire) ? Ainsi, cela évite surement un div table-bottom et table-top.Logiquement forum1 et 2 devraient être des éléments clicables.
Aussi, je ne vois pas le caption et le summary qui vont bien. les class sur les th sont surement à oublier au profit d'une mise en forme générique en css.

Là, ça va être un avis personnel... Je pense qu'il est judicieux de commencer l'en-tête avec un h1 (ce que tu as fait) mais aussi de faire de même pour le contenu et le pied. Là dans ton cas, c'est un exemple qui s'y prête bien. Ainsi, si ton contenu comporte plus de 6 niveau dans ton titrage, tu évites des déboires.

Je t'invite à lire ou à relire ces liens :
au tableau !
les textes alternatifs
les formulaires
respect de la sémantique

J'avoue que j'ai analysé ta page relativement rapidement. Donc il se peut que j'ai mentionné des petites bêtises.

@+
Modifié par niuxe (03 Oct 2010 - 14:54)
Modérateur
Bonjour IshimaruChiaki,

J'ai seulement lu l'historique de la conversation. Pour présenter la liste des forums et la liste des sujets, l'utilisation d'un tableau est ce qu'il y a de mieux. Tu as donc raison sur ce point. Selon les réponses d'Anonyme, il connaît quand même le terme "Données tabulaires" et il ne semble pas totalement contre l'utilisation d'un tableau selon le contexte. Ce qui me laisse penser que si tu n'avais pas tout de suite transporté la discussion vers l'utilisation des images, tu aurais été en mesure de lui faire comprendre l'utilisation du tableau dans ce cas précis. Je suis sûr qu'en quelques minutes, il aurait pu tout à fait te donner raison.

Pour les images, je n'ai pas l'impression qu'il te contredis sur ce point. Disons que la discussion s'est tellement terminée rapidement qu'il est difficile de juger si Anonyme connaissait bien les bonnes pratiques au sujet de l'utilisation des images. C'est peut-être le cas, mais il n'a même pas eu le temps d'en parler davantage.

Évidemment, je ne connais pas Anonyme. Tu le connais mieux que nous, alors c'est difficile de juger de son attitude avec cette brève conversation.

Je ne connais pas ton trouble social, mais je peux comprendre cette sensibilité envers ce que les autres peuvent penser de toi. J'aimerais bien te dire de ne pas le prendre ainsi, mais ça doit être plus facile à dire qu'à faire.

Le seul conseil que je peux te donner est de rester calme lors d'un débat comme ça. Tu dois laisser l'interlocuteur s'expliquer. Ne change pas non plus la discussion pour passer d'un point à un autre, ça ne laisse pas à l'autre le temps d'aller plus loin dans son commentaire. Ça peut arriver de s'obstiner avec quelqu'un pour finalement se rendre compte qu'on pense exactement pareil, mais qu'on le disait différemment.

Que la paix soit avec toi! Smiley hippy

Amicalement
Modifié par Tony Monast (03 Oct 2010 - 15:22)
Hello le monde

Je suis d'accord avec toi niuxe
Si jamais j'ai été trop sévère je m'en excuse.

Mais ce n'est pas parce qu'elle est de mon pays que je ferai grâce.

Je l'aime bien ta signature Smiley cligne

++
Modifié par zardoz (03 Oct 2010 - 16:30)
Modérateur
zardoz a écrit :
Hello !

[Sorry] Complètement con [/sorry]

++


Zardoz, tu devrais être plus précis dans tes réponses. Celle-ci, par exemple, ne précise pas qui ou quoi tu désignes de complètement con. Ça peut être limite insultant selon la personne qui l'interprète.

Merci de faire attention la prochaine fois.
@niuxe : J'ai pourtant déjà essayé de faire ça sans <div supplémentaire, mais ça rendait toujours mal sous IE, où quand on définit un background dans un tbody, ça fait le même effet que de le définir dans les <th> et <td> ! Je te mets donc au défi d'y arriver !
De plus, le <tbody> n'est pas d'origine, c'est Firefox qui te les a ajoutés, regarde :
             <table cellspacing="1">

                <tr>

                  <th class="icon">&nbsp;</th>

                  <th class="forum">Forum</th>

                  <th class="sujets">Sujets</th>

                  <th class="messages">Messages</th>

                  <th class="dernier-message">Dernier message</th>

                </tr>

                <tr>

                  <td class="icon"><img src="style/icon-unread.png" alt="Nouveau message" /></td>

                  <td class="forum"><h3 class="titre-forum">Forum 1</h3><p>Description du forum</p></td>

                  <td class="sujets">20</td>

                  <td class="messages">200</td>

                  <td class="dernier-message">01/01/2010<br />par <a href="#">toto</a></td>

                </tr>

                <tr>

                  <td class="icon"><img src="style/icon-read.png" alt="Pas de nouveau message" /></td>

                  <td class="forum"><h3 class="titre-forum">Forum 2</h3><p>Description du forum</p></td>

                  <td class="sujets">20</td>

                  <td class="messages">200</td>

                  <td class="dernier-message">01/01/2010<br />par <a href="#">toto</a></td>

                </tr>

              </table>


Directement de mon fichier html ouvert avec gedit !

Pour le <div id="push"></div>, tu connais le Sticky Footer ? Car quand on m'avait commandé ce webdesign, la personne tenait à avoir un footer collé en bas même quand la page est courte !
Plus d'infos : http://ryanfait.com/resources/footer-stick-to-bottom-of-page/


@Tony : J'avoue que j'avais changé vite le sujet et terminé vite la conversation, mais j'étais trop paniquée à l'idée de me planter, car les expériences précédentes avaient également mal fini. Il y a des fois où j'aurais envie qu'on me prescrive des anxiolytiques pour au moins m'aider à passer au travers de mes peurs... car essayez donc de chercher un psychologue qui fait de la TCC sur la Côte-Nord... je n'en ai pas trouvé un malgré mes recherches...

Sur ce, je transmets le lien à Anonyme et je pars me décompresser chez Tim Hortons.