Déformation de page = Ligne noire

**koKoTis** · 12/06/2011, 17h13

Bonjour, les pages de mon site sont nikel sous windows, mais sous linux petit souci, il y a des ligne noire entre certaines images.

J'utilise Firefox sous windows comme sous linux, donc ca viens pas de la.

Et celons si j'agrandis ou je réduit avec "CTRL + molette" les lignes noir ne sont plu au même endroit.

Sauriez vous d'où cela viens ?

**Bisûnûrs** · 12/06/2011, 21h17

Des lignes noires ..?

**koKoTis** · 12/06/2011, 21h41

Envoyé par Bisûnûrs

Des lignes noires ..?

Comme sur la capture d'écran sous la photo

**Bisûnûrs** · 12/06/2011, 22h43

Je vois pas de lignes noires sur les photos de ton image ..

**vermine** · 13/06/2011, 14h17

Si si, en dessous des photos, en peu comme des "border solid px 1". Enfin je suppose qu'on parle de ces lignes-là. Entre la photo et le texte.

**koKoTis** · 13/06/2011, 14h30

Envoyé par vermine

Enfin je suppose qu'on parle de ces lignes-là. Entre la photo et le texte.

Exactement

**Bisûnûrs** · 13/06/2011, 15h03

Ouais, enfin sans code on ne pourra pas t'aider ... Tu devrais le savoir depuis le temps non ?

**koKoTis** · 13/06/2011, 15h05

Un exemple:

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
<table border="0" cellpadding="0" cellspacing="0" width="250">
                          <!-- fwtable fwsrc="cadre.png" fwbase="cadre.gif" fwstyle="Dreamweaver" fwdocid = "580768535" fwnested="0" -->
                          <tr>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="20" height="1" border="0"></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="207" height="1" border="0"></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="23" height="1" border="0"></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0"></td>
                          </tr>
                          <tr>
                            <td><img name="cadre_r1_c1" src="imgs/cdr/cadre_r1_c1.gif" width="20" height="24" border="0" alt=""></td>
                            <td background="imgs/cdr/cadre_r1_c2.gif"><img name="cadre_r1_c2" src="imgs/cdr/cadre_r1_c2.gif" width="207" height="24" border="0" alt=""></td>
                            <td><img name="cadre_r1_c3" src="imgs/cdr/cadre_r1_c3.gif" width="23" height="24" border="0" alt=""></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="24" border="0"></td>
                          </tr>
                          <tr>
                            <td background="imgs/cdr/cadre_r2_c1.gif">&nbsp;</td>
                            <td bgcolor="#0C0C0C"><div align="center">
                                <table width="100%"  border="0" bgcolor="#666666">
                                  <tr>
                                    <td><a href="ma_sik/index.htm"><img src="imgs/moi_clavier_maitre.jpg" height="500" border="0"></a></td>
                                  </tr>
                                </table>
                            </div></td>
                            <td background="imgs/cdr/cadre_r2_c3.gif">&nbsp;</td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="206" border="0"></td>
                          </tr>
                          <tr>
                            <td><img name="cadre_r3_c1" src="imgs/cdr/cadre_r3_c1.gif" width="20" height="20" border="0" alt=""></td>
                            <td background="imgs/cdr/cadre_r3_c2.gif">&nbsp;</td>
                            <td><img name="cadre_r3_c3" src="imgs/cdr/cadre_r3_c3.gif" width="23" height="20" border="0" alt=""></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="20" border="0"></td>
                          </tr>
                      </table>

**Bisûnûrs** · 13/06/2011, 15h10

Fiou .. Exemple mauvais, il n'y a pas de texte comme sur ta capture dans ton premier post ..

Donne-nous plutôt un exemple en ligne, ça sera plus facile pour tout le monde.

Et puis il serait enfin temps que tu te mettes à coder quelque chose de correct, via une structure HTML + CSS au lieu d'une mise en page à l'aide de tableaux, technique qui a bientôt 15 ans et est révolue depuis presque 10 ..

http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

**koKoTis** · 13/06/2011, 15h12

Je gère ca avec des tableaux car je maitrise pas le css.

Avec le texte:

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
<table width="100"  border="0" bgcolor="#666666">
                    <tr>
                      <td height="42" bgcolor="#666666"><div align="center"><strong><a href="ma_sik/index.htm" class="a1">Ecouter ma musique </a></strong></div></td>
                    </tr>
                    <tr>
                      <td bgcolor="#666666"><table border="0" cellpadding="0" cellspacing="0" width="250">
                          <!-- fwtable fwsrc="cadre.png" fwbase="cadre.gif" fwstyle="Dreamweaver" fwdocid = "580768535" fwnested="0" -->
                          <tr>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="20" height="1" border="0"></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="207" height="1" border="0"></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="23" height="1" border="0"></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0"></td>
                          </tr>
                          <tr>
                            <td><img name="cadre_r1_c1" src="imgs/cdr/cadre_r1_c1.gif" width="20" height="24" border="0" alt=""></td>
                            <td background="imgs/cdr/cadre_r1_c2.gif"><img name="cadre_r1_c2" src="imgs/cdr/cadre_r1_c2.gif" width="207" height="24" border="0" alt=""></td>
                            <td><img name="cadre_r1_c3" src="imgs/cdr/cadre_r1_c3.gif" width="23" height="24" border="0" alt=""></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="24" border="0"></td>
                          </tr>
                          <tr>
                            <td background="imgs/cdr/cadre_r2_c1.gif">&nbsp;</td>
                            <td bgcolor="#0C0C0C"><div align="center">
                                <table width="100%"  border="0" bgcolor="#666666">
                                  <tr>
                                    <td><a href="ma_sik/index.htm"><img src="imgs/moi_clavier_maitre.jpg" height="500" border="0"></a></td>
                                  </tr>
                                </table>
                            </div></td>
                            <td background="imgs/cdr/cadre_r2_c3.gif">&nbsp;</td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="206" border="0"></td>
                          </tr>
                          <tr>
                            <td><img name="cadre_r3_c1" src="imgs/cdr/cadre_r3_c1.gif" width="20" height="20" border="0" alt=""></td>
                            <td background="imgs/cdr/cadre_r3_c2.gif">&nbsp;</td>
                            <td><img name="cadre_r3_c3" src="imgs/cdr/cadre_r3_c3.gif" width="23" height="20" border="0" alt=""></td>
                            <td><img src="imgs/cdr/spacer.gif" alt="" name="undefined_2" width="1" height="20" border="0"></td>
                          </tr>
                      </table></td>
                    </tr>
                    <tr>
                      <td height="43" bgcolor="#666666"><div align="center"><strong><a href="ma_sik/index.htm" class="a1">Ecouter ma musique </a></strong></div></td>
                    </tr>
                </table>

**Bisûnûrs** · 13/06/2011, 15h26

Tu ne crois pas qu'il serait temps de l'apprendre ?

Et si je te demandais une page en ligne, c'est parce tu penses bien qu'on n'a pas tes images, donc on ne risque pas de voir le problème ..

**koKoTis** · 13/06/2011, 15h28

Ben c'est que je consacre déjà pas mal de temps à la photo et à la musique, donc ben voila quoi.

Une page en ligne, ben par exemple celle la: http://www.lunnatick.fr/index.html

**NoSmoking** · 13/06/2011, 17h00

Bonjour,
il semblerait que le problème vienne des  , qui sont insérés dans les TD de pied qui repoussent la hauteur de la cellule.

Code :

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

<td background="imgs/cdr/cadre_r3_c2.gif">&nbsp;</td>

Il te suffit de le supprimer, ou fixe un taille à 1px.

Remarque quand même, comme te l'as dit Bisûnûrs, passes au moins au CSS avec la notion de class, la maintenance n'en sera que plus facile et le code plus lisible.

Déformation de page = Ligne noire

HTML

Discussions similaires

Partager

Partager