Erreur images cliquable

Résolu/Fermé
Garynho Messages postés 19 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 20 septembre 2012 - 22 janv. 2010 à 01:42
bg62 Messages postés 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 2024 - 22 janv. 2010 à 18:50
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
A voir également:

10 réponses

Kopros Messages postés 595 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 89
22 janv. 2010 à 13:14
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)
1
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
22 janv. 2010 à 01:44
tu as dimensionné tes TD coment ?
0
Garynho Messages postés 19 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 20 septembre 2012
22 janv. 2010 à 11:19
mes TD?
0
Kopros Messages postés 595 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 89
22 janv. 2010 à 11:28
ben oui tes TD....
<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;
}
0

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

Posez votre question
Garynho Messages postés 19 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 20 septembre 2012
22 janv. 2010 à 11:57
<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/
0
Garynho Messages postés 19 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 20 septembre 2012
22 janv. 2010 à 14:56
sa ne fonctionne pas, je t'es envoyer un message priver sur CCM
0
bg62 Messages postés 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 2024 2 392
22 janv. 2010 à 17:08
?
0
rudak Messages postés 590 Date d'inscription samedi 7 juin 2008 Statut Membre Dernière intervention 4 juin 2011 46
22 janv. 2010 à 15:18
envoie pas de message privés , la résolution ici mème de ton problème aidera tot ou tard un camarade...
0
bg62 Messages postés 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 2024 2 392
22 janv. 2010 à 17:14
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 ?
0
Garynho Messages postés 19 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 20 septembre 2012
22 janv. 2010 à 18:32
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
0
bg62 Messages postés 23664 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 17 décembre 2024 2 392
22 janv. 2010 à 18:50
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 ...
0