Discussion :

[michel71]

Bonjour,

j'ai créé sur une page plusieurs ancres comme ceci

Code :

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

1
2
3
4
5
6
 
 <table   align="center">
  <tr>
    <div id="2"> </div> <?php $_SESSION['lien']=$_SESSION["adresse_site"]."collection/france/classique/annee_1927.php?#2"; ?><td align="center" bgcolor="#000000"> <a href="../../pop.php?ligne=0242A"><img src="../../../images/image_216_371/0242A.jpg" width="300" height="120" border="0" alt=<?php echo $desi[2] ?>/></a></td>
  </tr>
</table>

le problème :

quand je clique sur une image plus loin dans la page le retour se positionne bien, mais par la suite si je clique sur une autre image c'est l'ancienne position dans la page qui s'affiche.

A votre avis quel est le problème

Merci

[michel71]

Vous pouvez tester sur cette page
http://www.france-timbre.fr/collecti...annee_1927.php

Merci de votre aide

[sabotage]

Je ne vois pas de balises dans la page que tu nous montres.

Et tu es sur de ce code ?

Code :

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

<?php $_SESSION['lien']=$_SESSION["adresse_site"]."collection/france/classique/annee_1927.php?#2"; ?>

Il est censé faire quoi ?

[Invité]

Bonjour Michel,
ce n'est pas une raison pour coller un <div> en plein milieu d'une <table> !
Une ancre n'a pas besoin d'être spécifiquement sur un <div>.

[EDIT] (après avoir vu la page sur ton site) Quel est l'intérêt de mettre une <table> pour CHAQUE image ?

Code html :

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

1
2
3
4
<figure id="2" class="img-timbre">
		<a href="../../pop.php?ligne=0242A"><img src="../../../images/image_216_371/0242A.jpg" width="300" height="120" border="0" alt=<?php echo $desi[2]; ?>/></a>
		<figcaption>N° 242A</figcaption>
</figure>

CSS :

Code css :

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

.img-timbre { display:inline-block; margin:5px; padding:3px;  text-align:center; background:#000; }

[RE-EDIT] Je viens de comprendre pourquoi tu as écrit :

Code :

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

<?php $_SESSION['lien']=$_SESSION["adresse_site"]."collection/france/classique/annee_1927.php?#2"; ?>

Pour "mémoriser la page de retour" !!
OR, ce n'est PAS utile ! => voir $_SERVER['HTTP_REFERER'];

L'adresse de la page (si elle existe) qui a conduit le client à la page courante. Cette valeur est affectée par le client, et tous les clients ne le font pas. Certains navigateurs permettent même de modifier la valeur de HTTP_REFERER, sous forme de fonctionnalité. En bref, ce n'est pas une valeur de confiance

Enfin, tu as <a href="../../pop.php?ligne=0242A">.
La valeur de "ligne" (ici "0242A") est unique (puisqu'elle permet d'IDENTIFIER le timbre) => autant s'en servir pour nommer l'ANCRE :

Code :

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

1
2
<figure id="0242A" class="img-timbre">
		<a href="../../pop.php?ligne=0242A">............

Dans le fichier pop.php, tu récupères :

Code :

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

$ligne = $_GET['ligne'];

Tu peux t'en servir dans le lien de retour pour placer l'ancre.
On va ici utiliser $_SERVER['HTTP_REFERER'] pour la page référente (de retour) :

Code :

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

<a href="<?php if(!empty($_SERVER['HTTP_REFERER'])){ echo $_SERVER['HTTP_REFERER'].'#'.$ligne; } else { echo $_SESSION["adresse_site"]; } ?>">Fermer</a>

Et le tour est joué.

Attention toutefois aux valeurs numériques : "0242" peut être transformé en "242" (à vérifier !)

[michel71]

Astucieux !!!

Je vais m'en inspirer et je reviendrai vous vous

Merci

[Invité]

J'ai modifié et étoffé mon message précédent.

relis-le attentivement

[michel71]

Bon, le lien pour le retour fonctionne ( il faudra que je fasse une petite "bidouille" pour les pages qui ne sont pas encore modifiées )

Par contre comment je peux centrer ma ligne d'images dans le bloc

J'ai une page de test à cette adresse http://www.france-timbre.fr/collecti..._test.php#0257

D'autre part comment je peux laisser un petit espace entre l'image et le numéro comme sur cette image, pas de chance je n'arrive pas à ajouter l'image mais je voudrais simplement avoir la présentation comme sur cette page http://www.france-timbre.fr/collecti...annee_1927.php

Merci pour votre patiente

Edit : Au moment ou j'ai posté ma réponse je n'avais pas lu ton post modifié, pour le lien

[Invité]

1/ centrage
Ajoute dans style_page.css ligne 122 :

Code css :

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

1
2
3
4
.cadre {
   text-align:center;
   /*.....*/
}

2/ Pour l'espace entre image et texte (je préfère sans, perosnnellement !) :

Code :

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

1
2
3
4
<figure id="2" class="img-timbre">
		<a href="../../pop.php?ligne=0242A"><img src="../../../images/image_216_371/0242A.jpg" width="300" height="120" border="0" alt=<?php echo $desi[2]; ?>/></a>
		<figcaption>N° 242A</figcaption>
</figure>

On modifie un peu le css que je t'avais donné :

Code css :

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

1
2
3
.img-timbre { display:inline-block; margin:5px; text-align:center; }
.img-timbre img, .img-timbre figcaption { display:block; margin:0; padding:3px; background:#000; }
.img-timbre figcaption{ margin:2px 0 0; }

[michel71]

Un grand merci à toi....

heureusement qu'il y a des gens comme toi qui acceptent de se mettre à la portée des
néophytes comme moi.

Bonne soirée

[Invité]

A ton service.

...et on est plusieurs comme ça sur ce site