Emplacement d'un script

Résolu

valttt Messages postés 293 Date d'inscription mercredi 7 mars 2012 Statut Membre Dernière intervention 3 avril 2025 - Modifié le 3 avril 2025 à 14:39
uniuc Messages postés 304 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 27 avril 2025 - 3 avril 2025 à 17:55

Bonjour,

Après longues recherches je ne trouve pas de solution.

Dans ma page HTML, j'ai plusieurs balises P (placées dans une div en FLEX column). Dans l'une de ces balises P, il y a une balise A pour un lien avec l'icône d'un réseau social.

Je souhaite mettre un compteur de visites juste à coté, mais je n'y arrive pas, car j'ai systématiquement le compteur qui s'affiche en dessous de l'icône.

Comment faire pour le mettre à côté ?

Merci pour votre aide...

Mon code :

<div> <!-- Flex : Column -->
  <p>
    <a href="https://www.facebook.com/people/Toto/61557539327088/" target="_blank" title="Toto - Facebook">
      <img class="facebook" src="images/facebook.png" alt="Toto - Facebook">
    </a>
  </p>
  <p>gjqhqhfqrgG</p>
  <p>ZGdgEGeg</p>
  <p>xyksjdkfld</p>
</div>

Mon script de compteur :

<script type="text/javascript" id="servicewb_157945">
(
  function() {
    var cv = document.createElement("script"); cv.type = "text/javascript"; cv.async = true;
    cv.src = "http://www.compteur-visite.com/service.php?v=1.1&id=157945&k=a84a6055f989a5d47a87f4b742d06752&c="+document.cookie;
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(cv, s);
  }
)();
</script>

<noscript>
  <a href="http://www.compteur-visite.com/">Services gratuits pour webmasters</a>
</noscript>

Windows / Firefox 137.0

A voir également:

Emplacement d'un script
Script vidéo youtube - Guide
Mas script - Accueil - Windows
Emplacement fichier host - Guide
Ghost script - Télécharger - Polices de caractères
Script cmd - Guide

6 réponses

Réponse 1 / 6

uniuc Messages postés 304 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 27 avril 2025 30
Modifié le 3 avril 2025 à 14:40

Bonjour,

Une boite dans une boite.

Ton ensemble icône et ton script tu vas les intégrer dans une div à l’intérieur de ta div qui est en colonne, cette div tu vas lui dire qu'elle est en flex, c'est aussi simple que çà. Après, à toi de gérer les espacement entre tes deux éléments.

Réponse 2 / 6

valttt Messages postés 293 Date d'inscription mercredi 7 mars 2012 Statut Membre Dernière intervention 3 avril 2025 15
3 avril 2025 à 14:40

Merci pour votre réponse, mais j'ai pas essayé cette solution car si je rajoute une div dans la div présente, j'ai peur de sauter une ligne dans l'espacement de mes balises P.

J'essayerai ce soir en rentrant du travail, et je vous tiendrai au courant.

Merci encore...

Réponse 3 / 6

uniuc Messages postés 304 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 27 avril 2025 30
Modifié le 3 avril 2025 à 14:53

Dans ce cas tu joue sur le margin et le padding.

Et puis ce qui fonctionne avec une div fonctionne aussi avec une balise <p> l'astuce c'est par exemple. Je rajoute deux astuces Ctrl+F5 pour bien vider le cache du navigateur et pense aussi clic droit inspecter pour voir comment c'est géré par le navigateur.

<div class="ClassFlex1">
<p>blabla</p>
<p>blabla</p>
<p>blabla</p>

<p class="ClassFlex2">
<a></a> script sans balise.
</p>

<p>blabla</p>
<p>blabla</p>
<p>blabla</p>

Réponse 4 / 6

mamiemando Messages postés 33677 Date d'inscription jeudi 12 mai 2005 Statut Modérateur Dernière intervention 19 mai 2025 7 855
Modifié le 3 avril 2025 à 14:54

Bonjour,

Ta question n'est pas extrêmement claire, car il n'est pas reproductible (ça aurait été bien de tout mettre dans un seul fichier html qui met en évidence le problème) et met en jeu un compteur qui est indépendant du vrai problème (le placement d'éléments dans une page à l'aide de div).

Donc si j'ai bien compris ce que tu veux faire, tu peux, comme le suggère uniuc, écrire quelque chose du genre :

<html>
<body>
  <div style="display: grid; grid-template-columns: 50% 50%;">
    <div style="display: flex;  flex-direction: column;">
      <p>A</p>
      <p>B</p>
      <p>C</p>
      <p>D</p>
    </div>
    <div>compteur</div>
  </div>
</body>
</html>

Je t'invite également à jeter un œil à cette série de tutoriels.

Bonne chance

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

valttt Messages postés 293 Date d'inscription mercredi 7 mars 2012 Statut Membre Dernière intervention 3 avril 2025 15
3 avril 2025 à 17:41

Merci à vous pour votre aide.

J'aurai du mettre comme comme titre à mon post : Erreur de débutant !!!

Effectivement, j'ai fait l'amalgame entre 2 DIV indépendantes et une DIV dans une autre...

J'ai tellement honte que je vais aller au piquet avec un bonnet d'âne sur ma tête toute la soirée ...

Bonne fin de journée et merci encore

Réponse 6 / 6

uniuc Messages postés 304 Date d'inscription samedi 23 juin 2007 Statut Membre Dernière intervention 27 avril 2025 30
3 avril 2025 à 17:55

TKT des fois même en n’étant pas débutant des simples choses peuvent nous échapper. Mine de rien ca faisait des années que je n'avais pas fait de flex lol il m'a fallut un peut de temps pour que ca me revienne.

Discussions similaires

Emplacement du dossier favoris de google chrome

recherche script "les visiteurs"

Supprimer un emplacement réseau

Votre réponse

Discussions similaires