Insérer une image sur un lien dans un table

Fermé

Briglim - Modifié par Briglim le 4/02/2012 à 16:32
Briglim - 4 févr. 2012 à 18:12

Bonjour, Je pose ici une question qui j'espère trouvera réponse.

Mon problème est le suivant j'aimerai insérer une image sur un lien html dans un <table>
Le problème est que l'image s'affiche bien mais quand je veux cliquer sur celle-ci impossible car l'image bloque le lien voici le code html.

<meta http-equiv="content-style-type"content="text/css">  
    <style>   
 #td1 {background-color:#000; background-image:url(images/Bouton%20accueil.jpg); width:100%; height:50px}  
 #td2 { background-color:#000000; background-image:url(images/tutoriels%20pc.jpg); width:100%;height:50px}  
 </style>  
</head>  
<body>  
<table height="366" border="0" align="center">  
<tr id=td1"><td><a href="accueil.html" target=princ>accueil</a></td>  
<tr id="td2"><td><a href="am%C3%A9liorations+pc.html" target=princ>tuto jeux</a></td>  
<tr><td><a href="caract%C3%A8res+sp%C3%A9ciaux.html" target=princ>caractères spéciaux</a></td>  
<tr><td><a href="assassin's creed.html" target=princ>assassin's creed</a><td width="48">  
<tr><td><a href="battleforge.html" target=princ>battleforge</a></td>  
<tr><td><a href="darkorbit.html"target=princ>darkorbit</a></td>  
<tr><td><a href="world of warcraft.html"target=princ>world of warcraft</a></tr>  
</table>

Merci d'avance pour vos réponses

A voir également:

Insérer une image sur un lien dans un table
Table ascii - Guide
Verifier un lien - Guide
Créer un lien pour partager des photos - Guide
Lien url - Guide
Table des matières word - Guide

2 réponses

Réponse 1 / 2

ReDLoG
4 févr. 2012 à 16:52

Bonjour,
Pour utiliser une image en lien il ne faut pas la mettre en image de fond ( background) :

<a href="index.html"><img src="Bouton_accueil.jpg" border="0" /></a>

Réponse 2 / 2

Briglim
4 févr. 2012 à 16:54

Le problème quand je fais cela est que j'obtiens un espace entre les 2 liens de mon tableau

ReDLoG
4 févr. 2012 à 17:01

Tu n'as qu'à jouer sur les margin et les padding des cellules du tableau et/ou des images...

Briglim
4 févr. 2012 à 17:32

le cellspacing et cellpadding ne marche pas car c'est pour mettre un espace alors que je ne veux pas d'espace

ReDLoG
4 févr. 2012 à 17:42

Les propriétés CSS cellpading et cellspacing n'existent pas, l'équivalence est margin et padding. Fais une recherche sur internet à partir de ces 2 propriétés CSS pour savoir les appliquer à un tableau et à son contenu...

Briglim
4 févr. 2012 à 18:12

Ok merci

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

"Aucune application permettant d'ouvrir cette URL"

lien copié

Discussions similaires

Newsletters