Erreur images cliquable
Résolu
Garynho
Messages postés
19
Date d'inscription
Statut
Membre
Dernière intervention
-
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
J'ai fais une image en jpg de 1000/1000px.
je l'est couper en 10 morceaux ainsi j ai fais 10 petites images, avec 5 où l'on peux cliquer pour redirige l'internaute vers des sous domaines différents. Le problème est que mes images ne s'emboite pas dans le sens de la hauteur. Je veux dire par la que entre 2 images placer verticalement j'ai un espace.
Attention, il n'est pas question d'espace entre deux image placer accoter horizontalement comme beaucoup de topic explique déjà comment régler le problème. Moi c'est dans la hauteur.
voila pour ceux qui pense a :
<table " border="0" cellpadding="0" cellspacing="0" align="center">
c'est deja fait donc merci de me venir en aide, je ne sais plus quoi faire.
Merci
J'ai fais une image en jpg de 1000/1000px.
je l'est couper en 10 morceaux ainsi j ai fais 10 petites images, avec 5 où l'on peux cliquer pour redirige l'internaute vers des sous domaines différents. Le problème est que mes images ne s'emboite pas dans le sens de la hauteur. Je veux dire par la que entre 2 images placer verticalement j'ai un espace.
Attention, il n'est pas question d'espace entre deux image placer accoter horizontalement comme beaucoup de topic explique déjà comment régler le problème. Moi c'est dans la hauteur.
voila pour ceux qui pense a :
<table " border="0" cellpadding="0" cellspacing="0" align="center">
c'est deja fait donc merci de me venir en aide, je ne sais plus quoi faire.
Merci
A voir également:
- Erreur images cliquable
- Des images - Guide
- Sommaire cliquable word - Guide
- Erreur 0x80070643 - Accueil - Windows
- Extraire images pdf - Guide
- J'aime par erreur facebook notification - Forum Facebook
10 réponses
Dans un premier temps, je mettrais une seule image par TD.
Ensuite, y'a moyen d'y arriver en mettant les image en background du TD.
Et bien sûr, il faut rendre le TD en lien.
Par exemple, à la place de
<td rowspan="2">
<img src="" border="0" cellpadding="0" cellspacing="0" width="340" height="60" alt="" border="0">
<a href="http://www.bc2.xx.fr/index.php">
<img src="http://xx.fr/6.jpg" border="0" cellpadding="0" cellspacing="0" width="340" height="310" alt="" border="0" ></a>
</td>
Fais :
<td background="http://xx.fr/9.jpg" width="340px" height="60px"><a href=" href="http://www.bc2.xx.fr/index.php" style="display: block; height: 100%; width: 100%;"></a></td>
<td background="http://xx.fr/6.jpg" width="340px" height="310px"><a href=" href="http://www.bc2.xx.fr/index.php" style="display: block; height: 100%; width: 100%;"></a></td>
Voilà, et sinon en fait je ne capte pas pourquoi t'as un problème de place si tu fais du CSS, c'est juste du texte qui ne prend que quelques ko, et encore si tu en mets bcp.
Si tu mets juste
<STYLE TYPE="text/css">
table
{
border-collapse: collapse;
}
</STYLE>
entre la balise <html> et la balise <body> et pouf, t'as ton css. (Après c'est mieux de le mettre dans un fichier à part, mais si tu n'en as besoin que pour cette page, tu mets le style direct dans la page)
Ensuite, y'a moyen d'y arriver en mettant les image en background du TD.
Et bien sûr, il faut rendre le TD en lien.
Par exemple, à la place de
<td rowspan="2">
<img src="" border="0" cellpadding="0" cellspacing="0" width="340" height="60" alt="" border="0">
<a href="http://www.bc2.xx.fr/index.php">
<img src="http://xx.fr/6.jpg" border="0" cellpadding="0" cellspacing="0" width="340" height="310" alt="" border="0" ></a>
</td>
Fais :
<td background="http://xx.fr/9.jpg" width="340px" height="60px"><a href=" href="http://www.bc2.xx.fr/index.php" style="display: block; height: 100%; width: 100%;"></a></td>
<td background="http://xx.fr/6.jpg" width="340px" height="310px"><a href=" href="http://www.bc2.xx.fr/index.php" style="display: block; height: 100%; width: 100%;"></a></td>
Voilà, et sinon en fait je ne capte pas pourquoi t'as un problème de place si tu fais du CSS, c'est juste du texte qui ne prend que quelques ko, et encore si tu en mets bcp.
Si tu mets juste
<STYLE TYPE="text/css">
table
{
border-collapse: collapse;
}
</STYLE>
entre la balise <html> et la balise <body> et pouf, t'as ton css. (Après c'est mieux de le mettre dans un fichier à part, mais si tu n'en as besoin que pour cette page, tu mets le style direct dans la page)
ben oui tes TD....
c'est la base.
Bon sinon dans ton css mets un truc du genre :
<table> <tr> <td>ligne 1 colonne 1</td> <td>ligne 1 colonne 2</td> </tr> <tr> <td>ligne 2 colonne 1</td> <td>ligne 2 colonne 2</td> </tr> </table>
c'est la base.
Bon sinon dans ton css mets un truc du genre :
table { border-collapse: collapse; }
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<html>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" align="center" link="#000000" vlink="#000000" alink="#000000">
<table width="800" height="500" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<th colspan="5"><img src="xx.fr/13.jpg" border="0" cellpadding="0" cellspacing="0" width="1454" height="780"></th>
</tr>
<tr>
<td rowspan="2">
<img src="xx.fr/9.jpg" border="0" cellpadding="0" cellspacing="0" width="340" height="60" alt="" border="0">
<a href="http://www.bc2.xx.fr/index.php">
<img src="http://xx.fr/6.jpg" border="0" cellpadding="0" cellspacing="0" width="340" height="310" alt="" border="0" ></a>
</td>
<td rowspan="2">
<a href="http://www.bf2142.xx.fr/index.php" >
<img src="http://xx.fr/5.jpg" border="0" cellpadding="0" cellspacing="0" width="260" height="260" alt="" border="0" ></a>
<img src="http://xx.fr/7.jpg" border="0" cellpadding="0" cellspacing="0" width="260" height="110" alt="" border="0">
</td>
<td rowspan="2">
<img src="http://xx.fr/10.jpg" border="0" cellpadding="0" cellspacing="0" width="280" height="90" alt="" border="0">
<a href="http://www.css.xx.fr/index.php">
<img src="http://xx.fr/4.jpg" border="0" cellpadding="0" cellspacing="0" width="280" height="280" alt="" border="0" ></a>
</td>
<td rowspan="3">
<img src="http://xx.fr/11.jpg" border="0" cellpadding="0" cellspacing="0" width="240" height="20" alt="" border="0" >
<a href="http://www.cod4.xx.fr/index.php">
<img src="http://xx.fr/3.jpg" border="0" cellpadding="0" cellspacing="0" width="240" height="250" alt="" border="0" ></a>
<img src="http://xx.fr/8.jpg" border="0" cellpadding="0" cellspacing="0" width="240" height="100" alt="" border="0">
</td>
<td rowspan="2">
<img src="http://xx.fr/12.jpg" border="0" cellpadding="0" cellspacing="0" width="334" height="80" alt="" border="0" >
<a href="http://www.cod6.xx.fr/index.php">
<img src="http://xx.fr/2.jpg" border="0" cellpadding="0" cellspacing="0" width="334" height="290" alt="" border="0" ></a>
</td>
</tr>
<tr>
<td colspan="5">
<img src="http://xx.fr/1.jpg" border="0" cellpadding="0" cellspacing="0" width="1454" height="50">
</td>
</tr>
</table>
</body>
</html>
voila mon fichier index.html je n'est pas fais de feuille css car j'ai que 5 mo sur mon domaine et l' intégralité de mon site est héberger ailleurs donc comment dois-je procéder?
merci de t'occuper de mon probleme Kopros.
voila un aperçu du probleme : https://www.hiboox.fr/
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" align="center" link="#000000" vlink="#000000" alink="#000000">
<table width="800" height="500" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<th colspan="5"><img src="xx.fr/13.jpg" border="0" cellpadding="0" cellspacing="0" width="1454" height="780"></th>
</tr>
<tr>
<td rowspan="2">
<img src="xx.fr/9.jpg" border="0" cellpadding="0" cellspacing="0" width="340" height="60" alt="" border="0">
<a href="http://www.bc2.xx.fr/index.php">
<img src="http://xx.fr/6.jpg" border="0" cellpadding="0" cellspacing="0" width="340" height="310" alt="" border="0" ></a>
</td>
<td rowspan="2">
<a href="http://www.bf2142.xx.fr/index.php" >
<img src="http://xx.fr/5.jpg" border="0" cellpadding="0" cellspacing="0" width="260" height="260" alt="" border="0" ></a>
<img src="http://xx.fr/7.jpg" border="0" cellpadding="0" cellspacing="0" width="260" height="110" alt="" border="0">
</td>
<td rowspan="2">
<img src="http://xx.fr/10.jpg" border="0" cellpadding="0" cellspacing="0" width="280" height="90" alt="" border="0">
<a href="http://www.css.xx.fr/index.php">
<img src="http://xx.fr/4.jpg" border="0" cellpadding="0" cellspacing="0" width="280" height="280" alt="" border="0" ></a>
</td>
<td rowspan="3">
<img src="http://xx.fr/11.jpg" border="0" cellpadding="0" cellspacing="0" width="240" height="20" alt="" border="0" >
<a href="http://www.cod4.xx.fr/index.php">
<img src="http://xx.fr/3.jpg" border="0" cellpadding="0" cellspacing="0" width="240" height="250" alt="" border="0" ></a>
<img src="http://xx.fr/8.jpg" border="0" cellpadding="0" cellspacing="0" width="240" height="100" alt="" border="0">
</td>
<td rowspan="2">
<img src="http://xx.fr/12.jpg" border="0" cellpadding="0" cellspacing="0" width="334" height="80" alt="" border="0" >
<a href="http://www.cod6.xx.fr/index.php">
<img src="http://xx.fr/2.jpg" border="0" cellpadding="0" cellspacing="0" width="334" height="290" alt="" border="0" ></a>
</td>
</tr>
<tr>
<td colspan="5">
<img src="http://xx.fr/1.jpg" border="0" cellpadding="0" cellspacing="0" width="1454" height="50">
</td>
</tr>
</table>
</body>
</html>
voila mon fichier index.html je n'est pas fais de feuille css car j'ai que 5 mo sur mon domaine et l' intégralité de mon site est héberger ailleurs donc comment dois-je procéder?
merci de t'occuper de mon probleme Kopros.
voila un aperçu du probleme : https://www.hiboox.fr/
envoie pas de message privés , la résolution ici mème de ton problème aidera tot ou tard un camarade...
il y a RAD qui avait fait une super intervention sur ce sujet, faudrait retrouver le lien dans le forum ...
peux-tu mettre ton original en ligne ?
peux-tu mettre ton original en ligne ?
j ai trouver comment contourner le problème via gimp. il génère un code html qui des que la souris passe sur une partie de l'image permet de cliquer a cette endroit et on est rediriger vers un lien voulu.
gimp
filtre
web
image cliquable
et voila reste plus cas selectionner les regions, entrer les liens et tous envoyer sur votre serveur.
Merci pour l'aide.
a la prochaine
gimp
filtre
web
image cliquable
et voila reste plus cas selectionner les regions, entrer les liens et tous envoyer sur votre serveur.
Merci pour l'aide.
a la prochaine
bon ça y est j'ai retrouvé les deux liens qui sont quasiment des 'tutos' regarde bien toutes les explications, c'est le top !
https://forums.commentcamarche.net/forum/affich-11686756-texte-sur-une-image
et
https://forums.commentcamarche.net/forum/affich-11665634-aide-mapping
bon courage et tiens-nous au courant ...
https://forums.commentcamarche.net/forum/affich-11686756-texte-sur-une-image
et
https://forums.commentcamarche.net/forum/affich-11665634-aide-mapping
bon courage et tiens-nous au courant ...