Les raisons pour ne pas créer de sites en tableaux

L'attribut alt sert aussi aux navigateurs textuels ou oraux (pour les personnes malvoyantes ) ainsi qu'a afficher un peu de texte quand l'image ne peut pas être chargée...

Citation : Gwen-Haël

Bah t'as rien mis entre <h1> et </h1>.

Citation : Twins

Ouep mais comme dit plus haut, c'est un peu con.

Déjà ça t'enlève un maximum de flexibilité puisque tu ne peux plus changer ta bannière avec du CSS. De plus tu ne peux plus décider si la bannière doit se répéter ou pas, être palcer à 34px du bord, etc.

La meilleure solution à mon avis est celle-ci :
Code : HTML

Il suffit ensuite de donner à h1 une marge droite ou gauche énorme pour que le lien ne soit jamais visible dans un navigateur graphique et le tour et joué. Attention à ne pas mettre visible: hidden ou autre car les navigateurs textes ou vocaux l'interprète également

...
Bon j'arrive plus à vous suivre
voici mon code
Code : CSS
Code : HTML

C'est bon comme ça ou c'est pas propre ??!!

Code : HTML

Mais oui c'est bon.

Code : HTML

Ca, ce serait encore mieux mais on ne peut pas encore le faire de nos jours.

Nan ça pue à mon avis…

Comme je l'ai dit tu mets de la présentation dans la page de façon stupide. De plus je ne pense pas qu'un navigateur affichera l'alt d'une image comme un titre même si l'image est dans un <h1>. Donc ma méthode est bien meilleure, à mon avis.

Met le lien autour de la balise <h1>, et la bannière en fond en css...
Et Ik's, c'est pas bien de mettre du texte en display: block pour le référencement ?

La bannière a un contenu, elle contient le titre, voire un slogan et un logo si on peut considérer un logo comme un contenu.
Si ta bannière n'est pas trop grosse et bien optimisée, je pense que c'est correct pour le média screen.

nicknick : les moteurs d'indexation ne prennent pas en compte le CSS appliqué à la page, cela n'a donc aucune importance.

Le bidouillage, ca n'a jamais été bon d'un point de vue sémantique et accessibilité.

Donc c'est bien ce qu'il me semblait, on peu mettre des tags cachés pour les visiteurs, mais visibles pour le bots...

Argh le lien autour d'un <h1> !

Ca te choque pas un block dans un inline toi ?

Citation : Korangar
Faux. Les pratiques comme les liens invisibles évoqués par nicknick63 sont repérées par les bots, et très peu appréciées.

Citation : Pas de titre

Certainement pas parce que les bots comprennent le CSS.

Oui justement ils comprennent certaines parties du CSS pour griller les liens invisibles (même couleur, en hidden, etc.)

Réponse au titre : parce que ce n'est pas fait pour ça

Citation : iKs

Les abus CSS dont tu parles sont souvent souvient liés à une répétition de mot clés. Je ne parlais pas d'abus de toute façon, je disais pour répondre à nicknick qu'ils ne pénalisent pas le fait de mettre des display:none ou autres de façon honnête vu que cela peut être un plus pour l'accessibilité, l'ergonomie etc.

Donc, les éléments en display:none ou display:hidden de façon honnête, il les référence. Plusieurs tests le démontre.

Un exemple ? Il existe une barre d'évitement sur le SdZ en display:none; : Code : HTML

Tapez "allez au contenu siteduzero" sur Google, vous verrez en deuxième résultat :
Citation : Google

http://www.google.fr/search?hl=fr&q=siteduzero+Aller+au+menu&btnG=Recherche+Google&meta=

Citation : Ent-Arktik
Serais tu entrain de dire que j'ai tapé tout ce long message alors qu'il peu se résumer en une seule et unique phrase ?

Oui

Ah, d'accord, tant pis .
Non, sans rire, j'ai fait ce message pour qu'on puisse donner le lien aux personnes qui utilisent des sites avec un squelette en tableaux au lieu d'essayer de leur expliquer a chaque fois...

Fait un tuto sérieux ! Un topic est voué à couler…

Oui, mais bon, y'a pas assez de choses a dire pour en faire un topic...
Ceci dit, il faudrais faire un tuto collectif avec le problème des tableaux, des frames, etc.

Il y a déjà un tutoriel qui parle de ça : "Faire un site web accessible" même si il est loin d'être complet.

il manque aussiles trop de div tu le div.en effet ya des gens qui font que mettre des divs et regroupe tout dans css.Il ne faut abuser sur css.Exemple le plus voyant est sur le forum punbb.Il genere des icones avec css mais imaginons que le navigateur est un navigateur n'ayant pas activé les feuilles de styles ou tout simplement les navigateurs écrans (comme les fenetres noires de msdos).Il faudrait plutot placer un icone image avec un attribut alt="*" ou alt="**" selon le statut => Comme cela, le visiteur "pauvre" vera des ptites etoiles au lieu de rien du tout!

Citation : Gaga971
Tu as certainement oublié de lire le topic.

Mais non Gwen-Hael, faut pas être aussi méchant, il ne parlait pas de ce topic mais d'un tuto ( j'espère ).

Finalement, je me suis decide a creer un tuto avec en plus des exemples de code.
Si quelqu'un veut m'aider...

Bon, je ferais bien d'eteindre ma psp moi, c'est pas tout ca mais j'ai le brevet dans moins de 7 heures .

Voila, le Brevet est terminé, je devrais avoir tout mon temps .

Les tableaux sont utiles pour garder la mise en page du site quelle que soit la résolution du visiteur

Moi j'ai fais le header, la sidebar, le bloc principale en div & css mais pour certaines mises en formes (comme affichage d'une équipe avec ezs membres) J'utilise des tableaux

Citation : Siobrad

Mais là, on ne parle que de la viabilité graphique d'un site web, ce qu'on essaie de surmonter. C'est aux navigateurs de faire des efforts pour que la sémantique soit applicable en même tant que la CSS, quel que soit l'outil de navigation.
Malheureusement, on est pris en otage par le monopole d'un certain navigateur encore trop utilisé qui empêche de donner un sens correct au HTML, ce qui est fort regrettable.

Comme je l'ai déjà évoqué sur mon site, il faut comprendre que les valides ne sont pas les seuls à avoir le droit de surfer sur le web, et qu'il va falloir accepter de se conformer aux balises et à leur utilisation première.
Ça fait longtemps que les tableaux auraient dû être éradiqués de la mise en forme ...

Pour la "divite", si j'ai bien compris, c'est que dans la tête des gens, il y a les <div> et les <table>, et qu'il serait impossible alors de mettre en forme des balises telles que <ul>. En tout cas, c'est ce que je déplore dans le tuto HTML du SDZ : la mise en forme est surtout appliquée à des <div>, exempts de sémantique, alors que les <ul> utilisées dans ces <div> peuvent, à elles seules être mises en forme.
Exemple : mes premières erreurs étaient de faire des menus à coups de <div>élément<br /></div>, tout ça parce-qu'il ne m'était pas venu l'idée qu'on pouvait mettre d'autres balises en forme.

En fait, il faudrait avoir une vision sans style de sa page avant d'y ajouter de la CSS, pour s'assurer qu'elle sera libble même sans feuille de style.

Citation : Ejis

Exactement.

Faut d'abord faire sa page HTML en entier avec un max de h1,p,a,ul. Rien qu'avec ces 4 là tu peux faire écrire pleins de pages différentes.

C'est qu'ensuite que tu fais le CSS et que tu ajoutes des div et span dans le HTML si par malheur tu n'as pas le choix.

Les div c'est SEULEMENT à mettre si t'as pas autre chose à mettre.

Div c'est pas le contraire de table.

Citation : Auteur du topic

C'est absurde de dire ça, il faut coder en donnant un sens à notre page, c'est tout ce qu'il y a à dire. Les divs et les spans contrairement à ce qui est dit plus haut peuvent avoir un sens avec l'attribut title.