Se connecter avec
S'enregistrer | Connectez-vous

div, ancre et php

Dernière réponse : dans Programmation

bonjour,
cette question va peut etre paraitre bete mais je n'ai trouvé aucun tuto sur le sujet....
Voila je suis en train de construire une page avec un contenu de texte assez long. Sur le coté il y a plusieurs liens qui sont en fait des ancres vers différent niveaux de ma page. Jusque la tout marche très bien. Seulement quand je clique sur un lien c'est toute la page qui remonte et du coup on ne voit plus le menu ni le head. J'ai donc tout mis en include mais la page continue a remonter entierement :??:  Y a un truc que j'ai du rater....
voila mon code:
>>page de base:
  1. <div class="bandeauMenu">
  2. <div class="menu">
  3. <? include("menu.php"); ?>
  4. </div>
  5. </div>
  6. <div class="col_gauche">
  7. <img src="images/metier_titre.gif" alt="graphique" width="168" height="31" />
  8. <ul class="colonne_gauche">
  9. <a href="metiers#etudes_packagees" class="lienColGauche">
  10. <li>Etudes packagées</strong> </li>
  11. </a> <a href="#eco" class="lienColGauche">
  12. <li>ULTRA économiques</li>
  13. </a> <a href="#simple" class="lienColGauche">
  14. <li>ULTRA simplicité</li>
  15. </a> <a href="#fast" class="lienColGauche">
  16. <li>Ultra rapidité</li>
  17. </a> <a href="#techno" class="lienColGauche">
  18. <li>Ultra technologique</li>
  19. </a> <a href="#bdd" class="lienColGauche">
  20. <li>Base de donnée ouverte</li>
  21. </a> <a href="metiers.inc.php#simple" class="lienColGauche">
  22. <li>Innovations méthodologiques</li>
  23. </a>
  24. </ul>
  25. <p><img src="images/graphic_deco.gif" alt="graphique" width="196" height="174" /></p>
  26. </div>
  27. <div class="col_centrale">
  28. <h3>
  29. <p>Tout décideur marketing doit posséder des données fiables et opérationnelles sur l’
  30. efficacité de ses communications, ceci en y consacrant le minimum de temps et d’argent pour des résultats
  31. quasi immédiats. 
  32. </p>
  33. </h3>
  34. <br>
  35.  
  36. <div id="metiers">
  37. <?php $sec_met='metiers.inc.php';
  38. if(file_exists($sec_met)) include($sec_met);
  39. ?>
  40. </div>
  41. <br>
  42. <br>
  43.  
  44. </div>


>>page du texte en include:
  1. <link href="base.css" rel="stylesheet" type="text/css" />
  2. <p class="texteSousTitre"><a name="etudes_packagees" id="etudes_packagees"></a><img src="images/fleche.gif" width="8" height="8" />
  3. Des études packagées :</p>
  4. <p class="texteNormal">
  5. 3 modules de base : test d’impact, de notoriété
  6. et d’image, pré test ceci pour de multiples média : TV, radio, presse, affichage, cinéma, Internet,
  7. promotionnelles, autres. A chaque problématique correspond un produit pré-défini en 4 à 6 questions, valant
  8. 1500 ou 3000 €,  auquel on peut ajouter des questions optionnelles AD HOC, 500 € la question. Voir la liste produits
  9. déclinés. ( lien sur la page produit avec le menu à gauche) </p>
  10.  
  11. <p class="texteSousTitre"><img src="images/fleche.gif" width="8" height="8" /><a name="eco" id="eco"></a>
  12. Des prix ULTRA LOW COST</p>
  13. <p class="texteNormal">
  14. 3 à 10 fois inférieurs à ceux des instituts classiques car nos
  15. processus de collecte et de restitution sont quasi automatisé et les parties conception et analyse sont réalis
  16. ées par le clients ou surtout par leurs conseils : régies, agence de publicité, agence média, instituts. Donc 3
  17. montants à se rappeler : 1500 € , 3000€ et 500 €</p>
  18. <p class="texteSousTitre"><img src="images/fleche.gif" width="8" height="8" /><a name="simple" id="simple"></a>
  19. Ultra simplicité : </p>
  20. <p class="texteNormal">
  21. <u>Simplicité de l’achat :</u>
  22. il se fait on line et/ou par téléphone, par sélection du produit désiré, modification du
  23. questionnaire ( l’univers concurrentiel, les items d’image) l’ajout de questions ad hoc, sélection de la date
  24. de réalisation, envoie du fichier multimédia ; déclaration de 20 minutes. <br />
  25. <u>Simplicité du suivi :</u>
  26. les résultats sont visibles dès le lancement du terrain en temps réel on line, ainsi qu par
  27. un outil de traitement par le web, des dossiers synthétiques des résultats peuvent être adressés à
  28. heures fixées, l’ensemble des données sont aussi traitées manuellement et adressées sous diffé
  29. rents formats, un rapports de présentation synthétique pour présentation est généré sous power
  30. point dans lequel le responsable étude de l’annonceur y ajoute ses commentaires.</p>
  31. <p>
  32.  
  33. <p class="texteSousTitre"><img src="images/fleche.gif" width="8" height="8" /><a name="fast" id="fast"></a>
  34. Ultra rapidité :</p>
  35. <p class="texteNormal">
  36. La période de recueil dure 4 jours du jeudi midi au lundi soir, les résultatssont disponibles en ligne dès
  37. le démarrage de l’enquête et le rapport synthétique est disponible 2 jours apr
  38. ès la fin du terrain.
  39. </p>
  40. <p class="texteSousTitre"><img src="images/fleche.gif" width="8" height="8" /><a name="techno" id="techno"></a>
  41. Ultra technologique : </p>
  42. <p class="texteNormal">
  43. les services fournis utilisent au maximum les nouvelles technologies afin d’apporter des services innovants au monde des
  44. études : résultats en temps réel, traitement en ligne en libre service, envoi et création de rapports
  45. automatisés, base de donnée ouverte, ….
  46. </p>
  47. <p class="texteSousTitre"><img src="images/fleche.gif" width="8" height="8" /><a name="bdd" id="bdd"></a>
  48. Base de données ouverte :</p>
  49. <p class="texteNormal">
  50. d’une base référentielle ON LINE utilisable par tous les clients
  51. MEDIA.</p>
  52. <p class="texteSousTitre"><img src="images/fleche.gif" width="8" height="8" /><a name="method" id="method"></a>
  53. Innovations méthodologiques :</p>
  54. <p class="texteNormal">
  55. Voici quelques axes de développements méthodologiques en cours : 
  56. tester la hiérarchie d’impact des campagnes multi canaux ou 360, identifier la consommation média, des focus groupes LOW
  57. COST en réunions virtuelles, recueil instantané par téléphone mobile, etc.
  58. </p>


marci à tous ceux qui se pencheront sur ce petit problème

<<***^__^***>>>

Autres pages sur : div ancre php

Lassé par la pub ? Créez un compte
Expert Programmation

Non, tu n'as rien raté, c'est un comportement normal, puisque les ancres font remonter toute la page, et pas seulement le div.

Solutions possibles :
  • mettre un lien récurrent à la fin de chacun de tes blocs pointés par tes ancres pour revenir en haut de page (et donc retrouver son menu). Ca se fait au moyen d'une ancre vide <a href="#">haut de page</a>
  • mettre ton menu en position fixed par css position:fixed; Attention, dans ce cas IE ne gère pas cette propriété et tu vas devoir passer par un hack http://forum.alsacreations.com/faq/#item67
    Lassé par la pub ? Créez un compte