CELLSPACING chez Free

Résolu
Fallentree -  
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 : 
<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

  1. Nhay
    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.
    1. Fallentree Auteur
      Je cherche a decouper une image et lorsque je la reconstitue y a une ligne qui s'intercale ...
    2. Fallentree Auteur
      UP?
    3. ReDLoG
      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>
    4.  Fallentree Auteur
      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 ...
  2. Atropa
    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
    1. Fallentree Auteur 
      <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>
      1. Fallentree Auteur
        ca n'a suffi pas...
        Peut etre que je me trompe ...
    2. Atropa
      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>
      2. Atropa
        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>
        1.  Fallentree Auteur
          Visiblement cela provient de IE8 ...
          Passer au 9 Alors ???
          1. Fallentree Auteur
            Pas d autre version a part chrome Pour les utilisateurs de XP ...
            Bref comment savoir la version adéquate en fonction du type de codage?
            Wampserver Comprend que ma version de IE est la 7 et Free la 8...
            Du coups, y a des belles surprises ...
        2. arthezius
          Logiquement l'utilisation de border-collapse en CSS suffit. 
          table{
border-collapse: collapse;
}

          Ou 
          <table style="border-collapse: collapse;">

          1.  Fallentree Auteur
            Non ca n a pas suffit ... 
            table, tr, td { 
 border-collapse: collapse; 
 border: none; 
 } 
table { 
 padding: 0; 
 } 
tr, td { 
 margin: 0; 
 padding: 0; 
 }

        Discussions similaires

        Enlever ou désactiver le mode sécurisé Freebox
        Cycy

        18 réponses
        Je veux retirer le mode sécurité de ma TV Freebox
        beatrice

        1 réponse
        "Mode sécurisé": comment l'enlever ?
        skander1615

        2 réponses