CSS-HTML
Résolu
Bonjour,
J'ai un projet a rendre dans pas longtemps et je galère a finir une de mes pages. En gros je dois afficher des images comme sur l'image sans utiliser les balises TABLE seulement les feuilles de style.
Merci de bien vouloir m'aider. :)
J'ai un projet a rendre dans pas longtemps et je galère a finir une de mes pages. En gros je dois afficher des images comme sur l'image sans utiliser les balises TABLE seulement les feuilles de style.
Merci de bien vouloir m'aider. :)
3 réponses
-
Bonjour
Je pense que tu pourrais essayer les <div>
Voilà un lien pour avoir des exemples
https://html-cleaner.com/features/replace-html-table-tags-with-divs/
Voilà un lien utilises qui pourra t'aider
https://www.w3schools.com/-
Salut ,DelNC je ne sais pas comment vous avez trouvé le lien indiqué mais l'article à l'air de dater pas mal(des balises STRONG ça existe encore :s) et le HTML/CSS n'a pas l'air terrible.
Pour répondre à la question:
Des éléments inline avec float (et des marges) suffiront amplement et c'est rapide à écrire quand on connait le CSS. Vous pouvez chercher aussi "positionnement en CSS" et vous trouverez de nombreuses réponses et exemples de cas pratique.
Les tableaux sont absolument à éviter, leur contenu n'est pas référencé et c'est une galère à écrire et modifier, ils sont réservés aux données tabulaires. Quand aux div ils sont aussi à éviter en HTML5, ils n'ont aucune valeur sémantique et il y a de meilleures balises en utilisant des balises textes, section, article et bien d'autres qui indiquent la nature et valeur du contenu dans la page = cela permet un référencement plus précis et exact.
-
-
Salut,
Ton bonheur est peut-être là... :-)
Ceci dit, une bête recherche avec "html css gallery" t'aurait renseigné. -
Si tu cherche encore, je te conseille les flex-box. C'est fait pour ça et en quelques lignes de code tu auras la mise en page côte à côte.
<div style="display:flex"> <div><img ...></div> <div><img ...></div> <div><img ...></div> <div><img ...></div> </div>
Tuto ici :http://stylescss.free.fr/v2-tutoriels/flex-box.php
