PB de liens sur les images

Résolu/Fermé
zac - 13 déc. 2007 à 18:59
zaciper Messages postés 5 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 20 juin 2008 - 15 déc. 2007 à 19:12
Bonjour,

J'ai un petit soucis, j'ai un blog ou je peux éditer du HTML, j'ai donc créé mes images via photoshop.
Sur chacune des images je veux mettre un lien.
Autour de mes images j'ai mis un cadre blanc de 1px (pour qu'on voient la différence entre les différents boutons).
J'ai donc créé un tableau en HTML ou je place mes images dans 4 lignes différentes, et jusque la tout va bien.

Mais quand je met les liens sur les images j'ai un espace qui se créé entre les images.

Voici le code :
<body>

<TABLE BORDER="0" width="200" height="160" cellpadding="" cellspacing="0" align="center">

<tr> <img src="http://landry61.zevillage.org/files/indexdemesarticles.jpg" alt="Index des mes articles" border="0"/></tr>

<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/K-12007.jpg" alt="K-1 2007" border="0"/> </a></tr>

<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/dessinsdalex.jpg" alt="Les dessins d'Alex" border="0"/> </a></tr>

<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/lebalisong.jpg" alt="Le balisong" border="0"/> </a></tr>

</TABLE>

</body>


Et d'ailleurs on voit bien le probleme car sur la première image il n'y a pas de lien et on voit bien que la largeur est normale (2px : cadre de 1px sur chaque image) et par contre sur entre les images "linked" il y a un espace qui s'est créé (6px pour etre exacte).

J'ai alors mis les dimenssion exacte du tableau mais ca n'a rien changé...

Alors si vous pouvais m'aider a avoir entre chaque image une largeur de 2px comme entre Index de mes articles et K-1 2007, ca serait super cool !

Merci d'avance

6 réponses

armadeus Messages postés 27 Date d'inscription lundi 1 octobre 2007 Statut Membre Dernière intervention 13 décembre 2007 6
13 déc. 2007 à 19:02
Normal, tu es dans une table, tu as toujours des bordures dans une table, c'est juste que la, elles sont transparentes.
0
zaciper Messages postés 5 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 20 juin 2008
13 déc. 2007 à 19:07
et comment faire pour remédier a mon pb ?

(Super rapide !)
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
13 déc. 2007 à 19:24
Bonjour,

Ça
cellpadding=""
n'est pas complet.

As-tu la possibilité d'utiliser des CSS dans le blog ? De manière globale.

Si on voyait, ça serait plus simple.

--
0
zaciper Messages postés 5 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 20 juin 2008
13 déc. 2007 à 20:37
je ne sais pas si je peux utiliser des CSS, en faite à droite il y a une partie dans laquelle on peut incorporer du HTML, qu'ils ont appelé bloc libre (dans mon interface utilisateur), là ou j'ai mis le globe, les annonces googles... perso je pense pas pouvoir y toucher...

http://landry61.zevillage.org

Je viens d'essayer avec cellpadding="0" via HTML-kit mais ca n'a rien changer.

Je sais pas si tout le monde a compris mais quand j'enlève les balises <a> il n'y a plus d'espace en trop, c'est vraiment un pb due aux liens vers les sites.

Pour les feuilles de style CSS, je n'y ai pas accès, par contre si il y a un remède efficace via les CSS, je peux toujours en parler aux administrateurs pour voir si il peut les modifier pour moi...(mais c'est pas sur...)

Merci en tout cas :)
0

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

Posez votre question
zaciper Messages postés 5 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 20 juin 2008
15 déc. 2007 à 18:49
Bon puisque personne n'a su remédier à mon problème je me suis auto-débloqué... Pour ceux qui ne voyai pas mon pb , il suffit juste de faire un copier coller dans HTML kit par exemple pour voir que des espace se créer quand on fait un lien sur une image.

Et la réponse est toute bete :

<TABLE BORDER="0" width="200" height="160" cellpadding="0" cellspacing="0" align="center">

<tr> <img src="http://landry61.zevillage.org/files/indexdemesarticles.jpg" alt="Index des mes articles" border="0"/></tr>

<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/K-12007.jpg" alt="K-1 2007" border="0"/></a></tr>

<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/dessinsdalex.jpg" alt="Les dessins d'Alex" border="0"/></a></tr>

<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/lebalisong.jpg" alt="Le balisong" border="0"/></a></tr>

</TABLE>

Car tout était bien écrit la seule différence se trouve à la fin des balises :

Avant :
<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/lebalisong.jpg" alt="Le balisong" border="0"/> </a></tr>

Aprés :
<tr> <a href="https://www.google.fr/?gws_rd=ssl"> <img src="http://landry61.zevillage.org/files/lebalisong.jpg" alt="Le balisong" border="0"/></a></tr>

et oui il suffit juste de ne pas mettre d'espace entre les balises, enfin entre la fin de la balise <img> et la suite c'est à dire </a></tr>.

Voila, j'espere que ca en aidera certain...

Dites moi les pro du HTML, je coyai que les espaces ne comptaient pas ?
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
15 déc. 2007 à 19:05
Merci d'avoir daigné nous faire profiter de ta solution.

Pour les espaces, essaye ce bouton la prochaine fois avant de coller ton code. Ça le rendra plus lisible.
Merci.

Ils comptent (comme les tabulations, les retours à la ligne) lorsqu'ils sont suivis de quelque chose.
Vérifie tes croyances (-;


++
J'indique que le problème est résolu.

--
0
zaciper Messages postés 5 Date d'inscription jeudi 13 décembre 2007 Statut Membre Dernière intervention 20 juin 2008
15 déc. 2007 à 19:12
Merci, j'y penserai à l'avenir, mais c'était la 1er fois que je postais sur le forum, j'avais pas fais attention à ce bouton.

Pour les espaces maintenant j'y ferais attention car je me suis un peu creusé la tete, n'étant pas un pro du HTML :)
0