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

Citation:

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

Citation:

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.

13/06/2011, 14h17	#5
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 2 686 Détails du profil Informations personnelles : Âge : 27 Informations forums : Inscription : mars 2008 Messages : 2 686 Points : 5 755 Points : 5 755	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. __________________ Elen Poukram - Isegoria - Sandawe
	00

13/06/2011, 17h00	#13
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 774 Points : 4 774	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"> </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.
	00

12/06/2011, 21h17	#2
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Des lignes noires ..?
	00

12/06/2011, 22h43	#4
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Je vois pas de lignes noires sur les photos de ton image ..
	00

13/06/2011, 15h03	#7
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Ouais, enfin sans code on ne pourra pas t'aider ... Tu devrais le savoir depuis le temps non ?
	00

13/06/2011, 15h10	#9
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	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/
	00

13/06/2011, 15h26	#11
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	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 ..
	00

13/06/2011, 15h28	#12
koKoTis Débutant Inscription : août 2006 Messages : 3 196 Détails du profil Informations forums : Inscription : août 2006 Messages : 3 196 Points : 1 673 Points : 1 673	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
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email