Discussion :

[jostwind]

Bonjour,

Ayant publié 2 pages quasi identiques, je me retrouve avec un décalage images important sur la seconde.
Un fin trait bleu traverse la seconde et le contenu remonte pour créer ce décalage que je n' arrive pas à résoudre.

1ère page:http://www.strill.fr/creations-rhapsodie.htm

2ème page:http://www.strill.fr/creations-sourire-esprit.htm

Merci d' avance pour vos conseils éclairés.

cordialement

[NoSmoking]

Bonjour et bienvenue sur DVP,

question : qui t'a généré ce code ?

Je commencerais par supprimer toutes les balises inutiles, à mettre les styles dans la partie CSS.

Il te reste une analyse ligne à ligne pour repérer la différence.

[jujoluca]

Bonjour,

Je viens d'inspecter un peu ton code est je vois qu’apparemment il y a une seule image qui pose problème son <td> correspond a sculpteur sculpture qqch comme ça c'est le 3éme en supprimant ce <td> la ligne n'apparait plus sur Firefox !
Donc : Supprime ou met en commentaire cette ligne est dit nous ce qu'il se passe !

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<td width="14%"> 
    <div align="center"> 
        <p>
            <font face="Arial">
                <a href="creations-diva-sculpteur-sculpture.htm">
                    <img width="24" height="35" border="1" onmouseout="makevisible(this,1)" onmouseover="makevisible(this,0)" style="filter:alpha(opacity=100)" title="sculpture Bronze" alt="sculpture Bronze" src="images/vignettes/diva-1.jpg">
                </a>
            </font>
        </p>
    </div>
</td>

PS: Pense a fermé ta balise <img> en ajoutant simplement un " /" avant le > .

[jostwind]

Bonjour,

Tout d' abord, merci pour vos deux réponses...

Lorsque nous enlevons complètement le code:

Code html :

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

1
2
3
4
<td width="14%"> <div align="center"> 
                    <p><font face="Arial"><a href="creations-diva-sculpteur-sculpture.htm"><img src="images/vignettes/diva-1.jpg" /alt="sculpture Bronze" border="1"title="sculpture Bronze" width="24" height="35" 
style="filter:alpha(opacity=100)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)" /></a></font></p>
                  </div>

Dans la page:http://www.strill.fr/creations-sourire-esprit.htm
effectivement le problème est résolu...
C ' est bien cette partie qui semble être la responsable.

Par contre, je ne vois pas de " <td> " à supprimer dans cette partie de code ??? Pouvez-vous me donner le code à mettre à la place pour que je compare avec le mien svp?

Cordialement

[jostwind]

Re.........

Je viens de trouver, j' avais en fait deux <p>, de trop dans le code,
c 'est sans doute ce que vous vouliez m' indiquer en disant <td>


...Et là ça marche...

PS: je fais les changements sur les 5 pages et je reviens vers vous

Merci

[jostwind]

Les cinq pages sont OK suite aux corrections


En esperant ne pas abuser, pourriez-vous svp jeter un oeil sur ces 2 pages avec un très léger décalage également?

http://www.strill.fr/parcours-1.htm

http://www.strill.fr/liens.htm

Cordialement

[NoSmoking]

Je viens de trouver, j' avais en fait deux <p>, de trop dans le code,...

Bingo c'est gagné


maintenant

Code html :

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

<p><a href="liens-page.htm"><span class="Style3">" LIENS PAGE 2 "</span></a><font size="1" face="Arial" color="#ffffff"><a href="liens-page.htm">........</a>&copy; Tous droits réservés </font></p>

c'est perdu...même sanction

Supprimes ton P ou mets lui un margin:0

[jostwind]

On ne change pas une équipe qui gagne dit-on!!!!!!!!!!

Il ne reste plus que :

http://www.strill.fr/parcours-1.htm
avec ce léger décalage


et pour finir

http://www.strill.fr/presse.htm
avec un bandeau pub moins large que sur toutes les autres pages du site?

[NoSmoking]

d'un côté on peut voir

Code html :

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

<table cellspacing="0" cellpadding="0" border="0" width="843">

de l'autre

Code html :

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

<table cellspacing="0" cellpadding="0" border="0" width="822">

il faudrait peut être mettre de l'ordre dans ton gabarit

[jujoluca]

Bonsoir,
Effectivement je pense que tu devrait mettre de l'ordre dans ton code et ta structure, si tu veut voir ce qu'il peut poser des problèmes utilise Firefox et un module complémentaire " Firebug" je le trouve vraiment génial !

+1 pour NoSmoking un code bien structuré est toujours plus facile a déboguer qu'un code mal structurer.

Bonne soirée

[jostwind]

Bonjour,

Désolé de m' être absenté sans nouvelles... Petits imprévus

Je viens de relire le commentaire de " NoSmoking " qui remarque une différence de width="843"> sur certaines pages...

En tout cas si l' on compare:

http://www.strill.fr/parcours-1.htm
et
http://www.strill.fr/parcours-2.htm

Elles ont le même width="843"> et seule la première souffre d' un décalage...

Qu' en pensez-vous?

Cordialement

[NoSmoking]

Qu' en pensez-vous?

pas moins


http://www.strill.fr/parcours-1.htm
ligne 49 : <table width="96%" border="0">.
ligne 58 : <table width="96%" height="308" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#C0C0C0">.

http://www.strill.fr/parcours-2.htm
ligne 50 : <table width="95%" border="0" align="center">.
ligne 59 : <table width="95%" border="1" align="center" cellspacing="1" bordercolor="#C0C0C0">.

[jostwind]

Bonjour,

Sur:
http://www.strill.fr/parcours-1.htm

L49 <table width="95%" border="0"align="center">
L58 <table width="95%" border="1"align="center" cellpadding="0" cellspacing="1" bordercolor="#C0C0C0">

J' ai commencé par passer à B]95[/B]%
Puis supprimé le height="308"
Puis j' ai essayé un peu toutes les combinaisons, mais sans résultat.
Le plus petit décalage que j' obtiens est celui-ci pour le moment.

Merci pour votre aide!!!!!

[jujoluca]

Bonjour,
Peut tu nous expliqué le problème en comparaison avec les 2 liens car je ne vois pas du tout ce que tu veut dire.

Bonne journée

EDIT: essaye ce code

Code :

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

<img src="images/trame/2007/menu_down.jpg" style="width:192px;height:190px;border:none;margin-top:-5px;" usemap="#Map5">

Dit nous ce qui se passe, bien sur tu remplace la ligne déjà présente.

[jostwind]

Bonjour,

Bravo " jujoluca "pour le code de : http://www.strill.fr/parcours-1.htm
c ' est "Nickel "!!!

Il me reste sans abuser je l' espère, cette différence que je ne maîtrise pas de Largeur sur le bandeau de pub verticale à droite de ma page:
sur
http://www.strill.fr/presse.htm
http://www.strill.fr/liens.htm
http://www.strill.fr/liens-page.htm

Qui se retrouve moins large que sur les autres???

Et dernière question, pourquoi le résultat est Impeccable sur Chrome et Mozilla et complètement à " l' Ouest " sur IE 8 que certains utlisent encore...?
Est-il possible de trouver une solution qui fonctionne sur les trois...?
Une réactu de IE 8, autre chose...?

Encore merci pour le code précédent