CSS-HTML

Résolu/Fermé

limbaon9 Messages postés 42 Date d'inscription lundi 14 octobre 2019 Statut Membre Dernière intervention 12 mars 2022 - 14 oct. 2019 à 19:49
Alainpre Messages postés 5 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 25 décembre 2019 - 25 déc. 2019 à 18:37

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. :)

A voir également:

3 réponses

Réponse 1 / 3

DelNC Messages postés 2234 Date d'inscription samedi 25 octobre 2014 Statut Membre Dernière intervention 22 février 2020 2 002
14 oct. 2019 à 22:45

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/

Touriste
Modifié le 15 oct. 2019 à 07:49

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.

Réponse 2 / 3

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
Modifié le 15 oct. 2019 à 22:48

Salut,
Ton bonheur est peut-être là... :-)
Ceci dit, une bête recherche avec "html css gallery" t'aurait renseigné.

Réponse 3 / 3

Alainpre Messages postés 5 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 25 décembre 2019 2
25 déc. 2019 à 18:37

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

Discussions similaires