[HTML]Problème de liens dans un <table>

**Kotik** · 03/12/2008, 13h17

Bonjour à tous,

Alors voilà mon problème...

Dans le but de faire une newsletter, un ami à conçu une image qu'il a ensuite découpée à l'aide d'ImageReady. Le résultat étant une petite page HTML contenant un tableau d'image (ses découpes) et un dossier contenant les images à côté. Jusque là tout va bien...

Voici le résultat :
http://www.bsolutions.fr/corporate/e...mailing_2.html

N'y connaissant rien du tout en HTML et compagnie, il me livre le tout pour que j'insère les liens sur chaque image, chaque bout d'image pointant vers une page précise de son site.
J'ouvre donc la page, ajoute mes <a href="#"> à l'intérieur de mes <td> et hop le tour est joué !

Seulement voilà le résultat :
http://www.bsolutions.fr/corporate/e.../emailing.html

Des lignes blanches sont apparues entre les lignes de mon tableau...

Comme si les liens mettaient un padding automatique autour d'eux...

(Vous pouvez regarder la source des deux pages en ligne)

Quelqu'un aurait une idée pour les faire disparaître ? Est-ce normal ? Bref je vois pas du tout sur ce coup là...

En vous remerciant par avance

**HiRoN** · 03/12/2008, 13h22

Salut,

Ajouter un style="border:none;" sur les liens ?

**Kotik** · 03/12/2008, 13h27

Merci pour ta réponse

Malheureusement ça ne marche pas...

**Kerod** · 03/12/2008, 13h40

Je n'ai pas trop le temps de voir correctement les choses mais en mettant un :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

display:block

à tous les liens on perd l'effet de padding

**Kotik** · 03/12/2008, 13h43

Bien vu !

Les padding ont disparus

Merci à vous

**Kotik** · 03/12/2008, 17h45

Et mince, bossant essentiellement sur FF je n'avais pas vérifié... mais ça ne marche pas pour IE

Les lignes restent présentes...

**Kerod** · 03/12/2008, 18h02

Essayes ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style type="text/css">
    .banniere
    {
        width:1000px;   
    }
    
    .banniere div
    {
        display:table;   
    }
    
    .banniere div a
    {
        float:left;   
    }
  </style>
  </head>
  <body>
    <div class="banniere">
        <div>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_01.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_02.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_03.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_04.jpg"/></a>
        </div>
        <div>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_05.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_06.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_07.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_08.jpg"/></a>
        </div>
        <div>
            <a href="" style=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_09.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_10.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_11.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_12.jpg"/></a>
        </div>
        <div>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_13.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_14.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_15.jpg"/></a>
            <a href=""><img border="0" alt="" src="http://www.bsolutions.fr/corporate/emailing/images/emailing-corporate_16.jpg"/></a>
        </div>
    <div>
  </body>
</html>

A toi d'adapter pour tes besoins.

Ca fonctionne sous IE6 et FF3.

**Kotik** · 03/12/2008, 18h11

Super c'est impeccable !

Merci énormément

[HTML]Problème de liens dans un <table>

HTML

Discussions similaires

Partager

Partager