Forum d'entraide PHPFrance

Bonjour,
J'ai un souci que je n'arrive pas à régler. Je ne suis pas pro en code html mais je me débrouille un peu.
J'ai un site avec tableau qui s'affiche comme je le souhaite avec CHROME, FIREFOX ou OPERA, mais qui interprète une ligne d'espacement dans mon tableau avec SAFARI.
Je n'ai aucune idée d'où cela vient. Quelqu'un a-t'il déjà eu ce type de soucis? Avez-vous une idée comment je pourrai régler cela?
Je pourrai partager un screenshot s'il y a un moyen de partager des images en lignes temporairement.
Merci beaucoup pour votre aide!

beaucoup plus pratique, nous donner un https://jsfiddle.net/

Il est possible qu'il te manque une balise fermante. Sans code, je peux pas te dire.

Bonjour,
Je ne connais pas jsfiddle mais j'ai essayé: x2c4oabd
Il manque les images à charger... Merci pour vos aides

Je confirme, tu as des balises <img non fermées dans <table>.

Je confirme, tu as des balises <img non fermées dans <table>.

Merci, je vais essayer de trouver où.

J'ai testé: u5r6ky02
cela ne change rien sur Safari. J'ai toujours ce décalage. Comment puis-je partager ce que je vois?

Je te déconseille les tables pour mettre en forme, utilise plutôt des div.
Je te conseil d'utiliser HTML5.

Si tu veux rester sur des tables, fait un reset CSS car certains navigateurs pourraient avoir des padding et margin différents.

As-tu un lien à me partager afin que je comprenne la différence entre la mise en forme par les tables et par les div?

Comme je le disais, ma page est comme je le veux sur tous les navigateurs sauf sur Safari, c'est embêtant d'avoir à repenser toute la page (et à tout revoir et tout réapprendre) juste pour un espace apparaissant sous le texte et sous la première rangée d'images sur un seul navigateur. Car si non tout fonctionne.
D'autant plus que toutes les autres pages sont parfaitement comme je le veux, même sur Safari.

L'utilisation des tables est obsolète car elle n'est pas compatible sur les mobile, tu peux utiliser les flexbox CSS pour rendre responsive ta page.

Voir du côté des "reset CSS" si tu souhaite garder les tables et ne pas te prendre la tête à apprendre les flexbox ou voir du côté de grid CSS.

La doc est ici : https://developer.mozilla.org/fr/docs/W ... rid_Layout

Merci!