Version imprimable
Bonjour a tous,
Voila jai besoin daide en HTML.
JE fais un site et jai des image sur une meme ligne l'une a cote de l'autre.
JE voudrai chake fois mettre un lien en dessus de chacun.
Comment je dois faire pour mettre un texte centrer juste en dessous de chaque image??
D'avance merci pour votre aide.
Jess
Tu peux faire un tableau
Code:
2
D'autre diront que la mise en forme en HTML est dépassé. Plutot utilisé le CSS.
Enfin j'aurais fais comme ca
Il ne faut pas non plus utilisé le css à tout bout de champ. <table> est mal utilisé lorsqu'on l'utilise pour faire un site en entier, mais lorsqu'il s'agit de faire un tableau au sens propre du terme, c'est bien lui qu'il faut utiliser!Citation:
Envoyé par afrodje
Dans ce cas ci, je ferais comme toi!
Le referencement n'est pas terrible ? ou y a d'autres raisons?Citation:
Envoyé par fixbraun
C'est surtout lié au fait qu'on a utilisé les tableaux à outrance pour faire de la mise en page. C'était compréhensible avant l'adoption des css par les navigateurs mais aujourd'hui autant utiliser les tableaux pour ce à quoi ils servent : présenter des données tabulaires.
Pour la mise en page, on utilise de préférence des blocs identifiés auxquels on associe un style. Cela rend le contenu syntaxiquement structuré et permet de lire les pages web ainsi constituées avec n'importe quel outil. Et c'est dans le domaine de l'accessibilité que cela est notamment crucial car le flux des données est ainsi mieux lu par les lecteurs d'écran + barrette braille, par exemple.
L'indexation par les moteurs de recherche est aussi rendue plus efficace de même que la portabilité sur les médias portables : gsm, pda.
L'utilisation d'une syntaxe html sémantique. css rend aussi les pages plus légères et donc plus rapides à charger en sachant que la feuille de style une fois chargée dans la cache que navigateur ne doit plus être téléchargée lors du passage d'une page à l'autre.
Enfin s'il y a plein de bonnes raisons pour bien programmer et beaucoup de mauvaises pour mal programmer, c'est le concepteur qui décide de la façon dont il travaille.
Merci pour cette information ;)Citation:
Envoyé par beeboo
C'est clair mais autant bien coderCitation:
Envoyé par beeboo
:salut:Justement, typiquement dans ce cas, il ne souhaite pas afficher des données tabulaires mais bel et bien faire de la mise en page. Donc on utilise de préférence du CSS pour centrer tout ça.Citation:
Envoyé par fixbraun
beeboo à très bien énoncé le souci, je rajouterais (et concluerais) avec ça, il y a plusieurs causes :Citation:
Envoyé par afrodge
- C'est sémantiquement incorrect : les tableaux sont utilisés pour afficher des données tabulaires et non pour faire de la mise en page.
- La multiplication des balises nécessaires à la déclaration des tableaux alourdit grandement le code et le rend illisible donc l'affichage est plus long (surtout en cas d'utilisation de tableaux imbriqués).
- L'accessibilité est réduite pour les lecteurs d'écran ou les navigateurs non-graphiques (donc pour les non-voyants entre autre).
- Avec l'avènement du XHTML et la séparation du fond et de la forme, il est préférable d'utiliser des balises <div> couplées aux feuilles de styles CSS (un bon petit tuto)
Salut,
Je ne serais pas forcément aussi catégorique sur ce point...Citation:
Envoyé par trotters213
Et pourtant, Dieu sait que je suis très sensible à une utilisation sémantique du HTML...
En fait, tout dépend du texte à insérer en dessous de l'image:
Finalement, le fait de mettre une image et un lien permettant de voir l'image en grand dans une cellule de tableau pas forcément différent du fait de mettre le nom et le prénom d'une personne dans une cellule de tableau, dans le sens où l'image et le lien traitent, même si c'est de manière différente, exactement de la même chose ;)
Bien sûr, on pourrait estimer que, sémantiquement parlant, on présente en réalité "une liste d'image" (non ordonnée) et donc partir plutôt sur une variation du comportement de <ul> et <li>, mais la limite est quelque peu floue quand même ;)
Salut
Tu peux faire quelque chose comme ça :
Code:
2
3
4
5
6
7
8
9
10
11
12
Code:
2
3
4
5
6
7
8
9