Léa-Linux & amis :   LinuxFR   GCU-Squad   GNU
HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

Bonjour,
le problème est simple:
En HTML je fais un tableau (3x2 cellules) avec une bordure de 0 (border="0").
Dans chacune de ces cellules j'ai inséré une image (50x50 pixels).
Et là je remarque que les images sont espacées de quelque mm.
Pourtant j'ai bien précisé <table border="0">.

A cause de ce problème, je suis tombé dans une follie meurtière:
:-F
:##
}-F
@#%!

Si quelqu'un pourrais m'aider ça serait cool ;-)

Voici le code:
<html>
<head>
</head>
<body>
<?
echo "Coquerico";
?>
<table border="0">
<tr>
<td>
<a href="">
<img src="/images/textures/herbe.jpg" alt="1/1" title="1/1" />
<a/>
</td>
<td>
<a href="">
<img src="/images/textures/beton.jpg" alt="2/1" title="2/1" />
<a/>
</td>
<td>
<a href="">
<img src="/images/textures/herbe.jpg" alt="3/1" title="3/1" />
<a/>
</td>
</tr>
<tr>
<td>
<a href="">
<img src="/images/textures/sable.jpg" alt="1/2" title="1/2" />
<a/>
</td>
<td>
<a href="">
<img src="/images/textures/neige.jpg" alt="2/2" title="2/2" />
<a/>
</td>
<td>
<a href="">
<img src="/images/textures/terre.jpg" alt="3/2" title="3/2" />
<a/>
</td>

</tr>
</table>
</body>
</html>

Voici le lien de la page:
[coquerico.free.fr]

Merci beaucoup!!!:-p


Poste le Monday 30 August 2004 03:04:44
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: Sve@r

Déjà, ton lien ne fonctionne pas. J'ai plein de warnings sur des accès interdits avec "fopen()". Pas grave, j'ai recopié ton code dans une page HTML perso.

Ensuite, le "border=x" ne définit pas l'espace entre les cellules mais juste le dessin du bord de ton tableau (0=pas de dessin mais l'espace du bord est quand-même là).
Si tu veux définir un espacement particulier, tu dois rajouter les options "cellpadding=x" et "cellspacing=y" (je ne connais pas trop la différence entre les deux options)

<table border="0" cellspacing="0" cellpadding="0">
Et là, plus de soucis...



L'homme qui murmurait à l'oreille des pingouins
[fr.lang.free.fr]

Poste le Monday 30 August 2004 10:32:47
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: Mygale

Pour info,

cellspacing représente l'espace entre les cellules de ton tableau tandis que cellspadding représente l'espace entre le contenu de ta cellule et le bord de la cellule.

Poste le Monday 30 August 2004 14:15:29
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

OK.
Et pour le lien, j'avais oublié de taper la fin:
[coquerico.free.fr]

Merci pour vos infos je vé essayer ces 2 commandes.


Poste le Monday 30 August 2004 16:01:43
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

Arf...
Comme tu peux le remarquer ce n'est pas encore le résultat attendu même si ça s'en rapproche plus.
Les images sont quand même encore espacées de quelques mm.
[coquerico.free.fr]
T'as la solution?

Poste le Monday 30 August 2004 16:22:36
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: Sve@r

Apparemment, il y a un espace entre la ligne 1 et la ligne 2 => ne met plus qu'une seule ligne avec 2 images par cellules (avec un <BR> après l'image 1 =>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="">
<img src="/images/textures/herbe.jpg" alt="1/1" title="1/1" /><BR>
<img src="/images/textures/sable.jpg" alt="1/2" title="1/2" />
<a/>
</td>
<td>
<a href="">
<img src="/images/textures/beton.jpg" alt="2/1" title="2/1" /><BR>
<img src="/images/textures/neige.jpg" alt="2/2" title="2/2" />
<a/>
</td>
<td>
<a href="">
<img src="/images/textures/herbe.jpg" alt="3/1" title="3/1" /><BR>
<img src="/images/textures/terre.jpg" alt="3/2" title="3/2" />
<a/>
</td>
</tr>
</table>

Au fait, les href="" c'est normal ???



L'homme qui murmurait à l'oreille des pingouins
[fr.lang.free.fr]

Poste le Monday 30 August 2004 16:52:28
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: Morgan

>Au fait, les href="" c'est normal ???

C'est probablement de là que vient le problème, je pense que les espaces sont en fait les décorations pour les liens. Essaie de rajouter cela entre tes balises head:

<style type="text/css">
a:link {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
<style>



___________________________________________________
L'interface chaise-clavier se débuggue elle aussi...

Poste le Monday 30 August 2004 17:38:44
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: Morgan

oups, c'est mieux comme cela:

<style type="text/css">
a:link {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
</style>

...ne pas oublier de fermer les balises...blah blah blah...



___________________________________________________
L'interface chaise-clavier se débuggue elle aussi...

Poste le Monday 30 August 2004 18:14:39
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

Sve@r> Oui les href c'est normal lol! C'est parce que c'est un test et j'avais pas idée du liens vers lequel ça pouvait aller en cliquant dessus. Par contre je cherche pas à mettre 2 images par cellules. Justement je cherche à laissé une image par cellule mais que ces cellules soient totalement collées entre elles. Grace à border="0" cellspacing="0" cellpadding="0" j suis presque arrivé.


Morgan> Oui c surement ça! Les CSS vont pouvoir m'aider là! Merci beaucoup de jé essayer...


Poste le Tuesday 31 August 2004 11:35:51
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

Arf par contre je sé pas si je les ai mal recopiées mais ça a pas l'ai de changer grand chose ces CSS...

Et aussi, je viens d'enlever les liens et ne mettre que les images dans les cellules résultat:
Les colonnes sont bien collées mais ya un petit décalage entre les lignes du tableau.

Voir [coquerico.free.fr]


Poste le Tuesday 31 August 2004 11:43:51
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

PS: je crois qu'il faut utiliser la balise <div> pour arriver à virer completement les espaces entre les cellules car en regardant plusieurs sources HTML de tableaux, j'ai remarquer que quelques personnes utilisent cette balise que je n'ai jamais utilisé.

Poste le Tuesday 31 August 2004 12:05:06
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: Sve@r

La balise "div" sert à diviser un document en différentes sections ou chapitres...



L'homme qui murmurait à l'oreille des pingouins
[fr.lang.free.fr]

Poste le Tuesday 31 August 2004 18:13:56
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

Ouais donc je pense pas que ça va servir pour mon tableau...
Les colonnes sont bien collées mais ya un petit décalage entre les lignes du tableau...
Aiez-moi SVP !


Poste le Wednesday 1 September 2004 23:52:35
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: YuGiOhJCJ

Oups :
"Ouais donc je pense pas que ça va servir pour mon tableau..."==Correction==>"Ouais donc je pense pas que ça va pas servir pour mon tableau..."

Allez voir ce qui cloche sur ma page
[coquerico.free.fr]

Pourquoi les images dans les cellules ne sont pas collées?

J'ai utilisé: border="0" cellspacing="0" cellpadding="0" et c'est presque parfait.

Aidez moi SVP


Poste le Saturday 4 September 2004 18:00:30
Répondre     Citer    
Re: HTML: céllules d'un tableau collées
Envoyé par: d-jo

Les tableaux pour la mise en page, c'est pas bien !!! Faut utiliser css ( [openweb.eu.org] )

Poste le Sunday 5 September 2004 10:19:02
Répondre     Citer    

Veuillez vous authentifier auparavant pour commenter.

 

Ce forum !
HTML: céllules d'un tableau collées
Pour poser vos questions sur les scripts shell, le Perl, le C, etc... Attention : nous ne sommes pas des spécialistes du dev, ce forum est juste pour de petites aides ponctuelles concernant le développement et les outils de développement.

Sauf mention contraire, les documentations publiées sont sous licence Creative-Commons