Sujet Précédent Sujet Suivant

CELLSPACING chez Free

Résolu/Fermé
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 - Modifié par Fallentree le 2/11/2012 à 18:58
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 - 5 nov. 2012 à 15:53
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 ...
A voir également:

7 réponses

Réponse 1 / 7
Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
2 nov. 2012 à 19:01
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.
0
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
2 nov. 2012 à 19:07
Je cherche a decouper une image et lorsque je la reconstitue y a une ligne qui s'intercale ...
0
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
2 nov. 2012 à 19:30
UP?
0
ReDLoG
2 nov. 2012 à 19:36
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>
0
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
Modifié par Fallentree le 3/11/2012 à 10:53
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 ...
0
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
3 nov. 2012 à 12:27
https://www.inventpartners.com/ie8_margin_top_bug
0
Réponse 2 / 7
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
Modifié par Atropa le 3/11/2012 à 17:24
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
0
Réponse 3 / 7
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
Modifié par Fallentree le 4/11/2012 à 14:54 
<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>
0
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
Modifié par Fallentree le 4/11/2012 à 14:55
ca n'a suffi pas...
Peut etre que je me trompe ...
0
Réponse 4 / 7
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
Modifié par Atropa le 4/11/2012 à 15:29
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>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
4 nov. 2012 à 15:29
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>
0
Réponse 6 / 7
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
5 nov. 2012 à 00:22
Visiblement cela provient de IE8 ...
Passer au 9 Alors ???
0
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
5 nov. 2012 à 15:53
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 ...
0
Réponse 7 / 7
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
4 nov. 2012 à 02:20
Logiquement l'utilisation de border-collapse en CSS suffit. 
table{
border-collapse: collapse;
}

Ou 
<table style="border-collapse: collapse;">
-1
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
Modifié par Fallentree le 4/11/2012 à 15:08
Non ca n a pas suffit ... 
table, tr, td { 
 border-collapse: collapse; 
 border: none; 
 } 
table { 
 padding: 0; 
 } 
tr, td { 
 margin: 0; 
 padding: 0; 
 }
0

Discussions similaires

Free erreur 38 : impossible d'envoyer des SMS
warnawak -
marcellou -

58 réponses
ATTENTION A FREE FLEX
Floriane27eure -
Marco -

12 réponses
Code Free Wifi Secure : comment en récupérer
Coralie -
jee pee -

8 réponses