PB de liens sur les images
Résolu
zac
-
zaciper Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
zaciper Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- PB de liens sur les images
- Vérificateur de liens - Guide
- Des images - Guide
- Ou trouver les liens copiés sur android - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? - Forum Graphisme
- Extraire les images d'un pdf - Guide
6 réponses
Normal, tu es dans une table, tu as toujours des bordures dans une table, c'est juste que la, elles sont transparentes.
Bonjour,
Ça
As-tu la possibilité d'utiliser des CSS dans le blog ? De manière globale.
Si on voyait, ça serait plus simple.
--
Ç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.
--
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 :)
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 :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ?
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 ?
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.
--
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.
--
