Bonjour,
Un problème que je traite depuis 15 jours, sans trouver de solution !
Le mieux est de copier coller mon html (j'ais mis mon CSS dedans.) et testez chez vous !
Le problème vient des nouveaux navigateurs,qui ajoutent des codes dans nos pages ... bref,
Un simple tableau en HTML5,
1) testez le avec une image d'environ 1700*1300 un énorme espace se trouve dans le premier TD ? pourquoi ? et comment y remédier (l'image est bien en 330*250)
2) testez avec une petite image, 200*200 cela va mieux, mais toujour cet espace incroyable
3) le même test avec un DOCTYPE Transitional donne le même défaut
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 <!DOCTYPE html> <html lang="fr"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0"> <meta http-equiv="content-language" content="fr, en"> </head><body> <style> table.lecentre { margin-left:auto; margin-right:auto; width:90%; } </style> <table class='lecentre' > <tr><td rowspan=2><img width=30% src='smala/alice.jpg' /></td><td>xxx</td><td>xxx</td><td>xxx</td><td>xxx</td><td>xxx</td></tr> <tr><td colspan=5>concurrente 1 Alice xxxx 16 ans</td></tr> <tr><td rowspan=2><img width=30% src='smala/anthony.jpg' /></td><td>xxx</td><td>xxx</td><td>xxx</td><td>xxx</td><td>xxx</td></tr> <tr><td colspan=5> concurrent 2 Anthony xxx 11 ans 1/2</td></tr> <tr><td rowspan=2><img width=30% src='smala/claire.jpg' /></td><td>xxx</td><td>xxx</td><td>xxx</td><td>xxx</td><td>xxx</td></tr> <tr><td colspan=5>concurrente 3 Claire xxxx 42 ans</td></tr> </table> <br /></body></html>
Voila j' espère avoir été complète dans mon explication,
Merci d'avance.
Partager