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

Version imprimable

03/12/2008, 13h17
Kotik

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

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... :P

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 ;)
03/12/2008, 13h22
HiRoN

Salut,

Ajouter un style="border:none;" sur les liens ?
03/12/2008, 13h27
Kotik

Merci pour ta réponse :)

Malheureusement ça ne marche pas... :(
03/12/2008, 13h40
Kerod

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

Code:

display:block

à tous les liens on perd l'effet de padding
03/12/2008, 13h43
Kotik

Bien vu !

Les padding ont disparus :D

Merci à vous ;)
03/12/2008, 17h45
Kotik

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

Les lignes restent présentes...

Essayes ceci :

Code:

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.

03/12/2008, 18h11
Kotik

Super c'est impeccable !

Merci énormément ;)