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

DelNC Messages postés 2234 Date d'inscription samedi 25 octobre 2014 Statut Membre Dernière intervention 22 février 2020 1 999
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/
1
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.
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 874
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é.
0
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
0