Incidence d'une image dans un tableau à corriger par CSS

Invité · 06/09/2014, 14h31

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.

Incidence d'une image dans un tableau à corriger par CSS

Tableau en CSS

Mode arborescent

Discussions similaires

Partager

Partager