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   -
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   Statut Membre Dernière intervention   89
 
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   Statut Membre Dernière intervention   46
 
tu as dimensionné tes TD coment ?
0
Garynho Messages postés 19 Date d'inscription   Statut Membre Dernière intervention  
 
mes TD?
0
Kopros Messages postés 595 Date d'inscription   Statut Membre Dernière intervention   89
 
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   Statut Membre Dernière intervention  
 
<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   Statut Membre Dernière intervention  
 
sa ne fonctionne pas, je t'es envoyer un message priver sur CCM
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
?
0
rudak Messages postés 590 Date d'inscription   Statut Membre Dernière intervention   46
 
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 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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   Statut Membre Dernière intervention  
 
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 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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