CELLSPACING chez Free
Résolu
Fallentree
Messages postés
2445
Statut
Membre
-
Fallentree Messages postés 2445 Statut Membre -
Fallentree Messages postés 2445 Statut Membre -
Bonjour,
J 'ai toujours une ligne de 2 px qui sépare chaques lignes de mon tableau chez free ...
Y aurait il une explication ?
Voilà, l'extrait du code à problème :
Merci de votre aide ...
J 'ai toujours une ligne de 2 px qui sépare chaques lignes de mon tableau chez free ...
Y aurait il une explication ?
Voilà, l'extrait du code à problème :
<table cellpadding=0 cellspacing=0><tr> <td ><img src="Parts/test0-0.jpg" width=96px height=79px/></td> <td ><img src="Parts/test0-1.jpg" width=96px height=79px/></td> <td ><img src="Parts/test0-2.jpg" width=96px height=79px/></td> <td ><img src="Parts/test0-3.jpg" width=96px height=79px/></td> <td ><img src="Parts/test0-4.jpg" width=96px height=79px/></td> </tr><tr> <td ><img src="Parts/test1-0.jpg" width=96px height=79px/></td> <td ><img src="Parts/test1-1.jpg" width=96px height=79px/></td> <td ><img src="Parts/test1-2.jpg" width=96px height=79px/></td> <td ><img src="Parts/test1-3.jpg" width=96px height=79px/></td> <td ><img src="Parts/test1-4.jpg" width=96px height=79px/></td> </tr><tr>
Merci de votre aide ...
7 réponses
-
C'est possible d'avoir un lien vers ton site ? En MP si tu veux, c'est toujours plus simple d'avoir un vrai visu, car la, je ne vois pas de problème.
-
-
-
Et comme ceci :
<style type="text/css"> table, tr, td {border-collapse: collapse; border: none;} table {padding: 0;} tr, td {margin: 0; padding: 0;} </style> <table> <tr> <td><img src="Parts/test0-0.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test0-1.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test0-2.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test0-3.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test0-4.jpg" width="96px" height="79px" /></td> </tr><tr> <td><img src="Parts/test1-0.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test1-1.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test1-2.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test1-3.jpg" width="96px" height="79px" /></td> <td><img src="Parts/test1-4.jpg" width="96px" height="79px" /></td> </tr> </table> -
J'ai essayé avec des Div et le probleme persiste ...
Visiblement, c'est la presentation du code chez free ("sans doute une configuration du Php.ini ") qui lors de la mise a la ligne de l element div td ou autre, un interstise (un espacement) intervient .
Bref on dirait de la mosaique .... un gros damier ....
il me semble avoir lu la possibilité de corriger les "em" entre les elements ... -
-
-
les images on toujours une marge de 2 ou 3 pixels en dessous
si tu connais la taille de tes images tu peux les placer en position absolute dans un div en position relative
il faut aussi fixer la hauteur et largeur du div -
<center><h3>What's up ? </h3></center> <div style='margin: 0 auto;Overflow:auto;height:395px;width:555px; border:1px solid black;'> <div style='display:inline;height:79px;width="96px"'> <img src="Parts/test0-0.jpg" width="96px" height="79px" style="position: relative; Left:0px;top:0px;"/></div> <div style='display:inline;height:79px;width="96px"'> <img src="Parts/test0-1.jpg" width="96px" height="79px" style="position: relative;Left:0px;top:0px;"/></div> <div style='display:inline;height:79px;width="96px"'><img src="Parts/test0-2.jpg" width="96px" height="79px" style="position:relative;Left:0px;top:0px;"/></div> <div style='display:inline;height:79px;width="96px"'><img src="Parts/test0-3.jpg" width="96px" height="79px" style="position:relative;Left:0px;top:0px;"/></div> <div style='display:inline;height:79px;width="96px"'><img src="Parts/test0-4.jpg" width="96px" height="79px" style="position:relative;Left:0px;top:0px;"/></div> <br> <div style='display:inline;height:79px;width="96px"'><img src="Parts/test1-0.jpg" width="96px" height="79px" style="position:relative;Left:0px;top:0px;"/></div>
-
bonjour,
essai ça :
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .ImagesTest { position: relative; width: 480px; height: 158px; } .ImagesTest img { position: absolute; top: 0px; } .ImagesTest img:nth-child(6), .ImagesTest img:nth-child(7), .ImagesTest img:nth-child(8), .ImagesTest img:nth-child(9), .ImagesTest img:nth-child(10){ top: 79px; } .ImagesTest img:nth-child(1), .ImagesTest img:nth-child(6){ left: 0px; } .ImagesTest img:nth-child(2), .ImagesTest img:nth-child(7){ left: 96px; } .ImagesTest img:nth-child(3), .ImagesTest img:nth-child(8){ left: 192px; } .ImagesTest img:nth-child(4), .ImagesTest img:nth-child(9){ left: 288px; } .ImagesTest img:nth-child(5), .ImagesTest img:nth-child(10){ left: 384px; } </style> </head> <body> <div class="ImagesTest"> <img src="Parts/test0-0.jpg" width="96" height="79" /> <img src="Parts/test0-1.jpg" width="96" height="79" /> <img src="Parts/test0-2.jpg" width="96" height="79" /> <img src="Parts/test0-3.jpg" width="96" height="79" /> <img src="Parts/test0-4.jpg" width="96" height="79" /> <img src="Parts/test1-0.jpg" width="96" height="79" /> <img src="Parts/test1-1.jpg" width="96" height="79" /> <img src="Parts/test1-2.jpg" width="96" height="79" /> <img src="Parts/test1-3.jpg" width="96" height="79" /> <img src="Parts/test1-4.jpg" width="96" height="79" /> </div> </body> </html> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
mais en fait il y a carrément plus simple !
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .ImagesTest { width: 480px; height: 158px; } .ImagesTest img { float: left; } </style> </head> <body> <div class="ImagesTest"> <img src="Parts/test0-0.jpg" width="96" height="79" /> <img src="Parts/test0-1.jpg" width="96" height="79" /> <img src="Parts/test0-2.jpg" width="96" height="79" /> <img src="Parts/test0-3.jpg" width="96" height="79" /> <img src="Parts/test0-4.jpg" width="96" height="79" /> <img src="Parts/test1-0.jpg" width="96" height="79" /> <img src="Parts/test1-1.jpg" width="96" height="79" /> <img src="Parts/test1-2.jpg" width="96" height="79" /> <img src="Parts/test1-3.jpg" width="96" height="79" /> <img src="Parts/test1-4.jpg" width="96" height="79" /> </div> </body> </html> -
Visiblement cela provient de IE8 ...
Passer au 9 Alors ??? -
Logiquement l'utilisation de border-collapse en CSS suffit.
table{ border-collapse: collapse; }
Ou<table style="border-collapse: collapse;">