Piwigo.org

polowigo · 2025-01-03 17:58:53

Il est bien spécifié qu'il faut équiper la page autonome d'une structure html complète.
Il te faut donc intégrer :
les styles, pour toi c'est sans doute bootstrap.min.css et d'autres que tu aurais ajouté ;
les scripts si nécessaire ;
enfin les menus, à ce propos le lien vers la page autonome est /index.php?/page/nom-de-ta-page

Ainsi, ta page ne sera plus "hors sol".

Concernant ton problème initial, je remarque que la balise <h1> vide ne prend absolument aucune place et je ne vois pas en quoi elle gêne.

polowigo · 2025-01-03 18:48:25

Je constate que c'est un sacré boulot d'intégrer une page autonome.
Du coup j'ai fais un second essai en page non autonome pour avoir au moins les styles, les menus et les scripts. Même constat : je n'ai aucune balise <h1> vide.

Code:

<style type="text/css">
</style>
 
<div id="Ma_page">
<h1>Mon titre en h1</h1>
<p style="font-style: italic;">Bienvenue Ici et Maintenant</p>
<h2>Un titre en h2</h2>
<p>Un texte</p>
<h2>Un autre titre en h2</h2>
<p>Un autre texte</p>
        <div id="un-diapo">
           [slider album=1]
        </div>
</div>

C'est vraiment plus facile ainsi.

Katryne · 2025-01-03 19:07:52

ben si yen a une de vide, au-dessus

Voilà ce que ça donne avec le code de ta page :

<h1>(Aucun titre de texte)
<h1>Mon titre en h1
<h2>Un titre en h2
<h2>Un autre titre en h2

Je vérifie le plan des pages avec l'extension webdeveloper, sous Palemoon ou SeaMonkey comme navigateur, car Firefox a dynamité sa version de l'extension, dont il ne reste presque rien d'utile.

les balises hn, c'est plutôt à destination des robots indexeurs et des lecteurs d'écran pour personnes malvoyantes. Et si l'on code le css en fonction de ces balises de titre, ça donne une présentation équilibrée et logique. (mais, c'est vrai qu'on pour ce dernier point, la balise de titre vide ne se voit pas)

polowigo · 2025-01-03 19:16:24

C'est tout de même un monde que je ne l'aie pas cette balise vide.

Voici le code source donné par Palemoon :

Code:

<!DOCTYPE html>
<html lang=fr dir=ltr>
<head>
<title>test2</title>
<link rel="shortcut icon" type="image/x-icon" href="themes/default/icon/favicon.ico">
<link rel="stylesheet" type="text/css" href="themes/modus/css/open-sans/open-sans.css"> <link rel="stylesheet" type="text/css" href="_data/combined/65gpz1.css">   <link rel=canonical href="index.php?/additional_page">
<meta name=viewport content="width=device-width,initial-scale=1">

<meta name="generator" content="Piwigo (aka PWG), see piwigo.org">

<meta name="description" content="test2">


</head>

<body id=theAdditionalPage class="section-categories " data-infos='{"section":"categories"}'>




<aside id=menubar>
    <dl id=mbCategories>
<dt>
  <a href="index.php?/categories">Albums</a>
</dt>
<dd>
  <ul>
    <li >
      <a href="index.php?/category/1"  title="5 photos dans cet album">Initial</a>
      <span class="menuInfoCat badge" title="5 photos dans cet album">5</span>
      </li>
    
    <li >
      <a href="index.php?/category/2"  title="1 photo dans cet album">Deux</a>
      <span class="menuInfoCat badge" title="1 photo dans cet album">1</span>
      </li>
    
    <li >
      <a href="index.php?/category/3"  title="1 photo dans cet album">Trois</a>
      <span class="menuInfoCat badge" title="1 photo dans cet album">1</span>
      </li>
    
    <li >
      <a href="index.php?/category/4"  title="1 photo dans cet album">Quatre</a>
      <span class="menuInfoCat badge" title="1 photo dans cet album">1</span>
  </li></ul>

  <p class="totalImages">8 photos</p>
</dd>
  </dl>
    <dl id=mbSpecials>
<dt><a>Explorer</a></dt>
<dd>
  <ul><li><a href="index.php?/most_visited" title="afficher les photos les plus vues">Plus vues</a></li><li><a href="index.php?/recent_pics" title="afficher les photos les plus récentes">Photos récentes</a></li><li><a href="index.php?/recent_cats" title="afficher les albums récemment mis à jour ou créés">Albums récents</a></li><li><a href="random.php" title="afficher un ensemble de photos prises au hasard" rel="nofollow">Photos au hasard</a></li><li><a href="index.php?/created-monthly-calendar" title="affichage année par année, mois par mois, jour par jour" rel="nofollow">Calendrier</a></li><hr><li><a href="tags.php" title="Voir les tags disponibles">Tags</a> (0)</li><li><a href="search.php" title="recherche" rel="search">Recherche</a></li><li><a href="about.php" title="À propos de Piwigo">À propos</a></li><li><a href="notification.php" title="flux RSS" rel="nofollow">Notifications RSS</a></li></ul>
</dd>

  </dl>
    <dl id=mbAdditionalPages>
<dt>Additional Pages</dt>
  <dd>
    <ul>
      <li>
        <a href="index.php?/page/test">test</a>
      </li>
      <li>
        <a href="index.php?/page/test2">test2</a>
      </li>
    </ul>
  </dd>
  </dl>
  <dl id="mbMostVisited"><dt><a href="index.php?/most_visited" title="afficher les photos les plus vues">Plus vues</a></dt></dl>
<dl><dt><a href="index.php?/recent_pics" title="afficher les photos les plus récentes">Photos récentes</a></dt></dl>
<dl style="float:none">
  <form style="margin:0;display:inline" action="qsearch.php" method=get id=quicksearch onsubmit="return this.q.value!='';">
    <input type="text" name=q id=qsearchInput placeholder="Recherche..." >
  </form>
</dl>
<dl style="float:right;margin-top:3px">
  <dt style="font-size:100%;font-weight:normal;padding-left:15px"><a href="identification.php" rel=nofollow>Connexion</a></dt>
  <dd style="right:0">
    <ul>
    <li><a href="identification.php" rel="nofollow">Connexion</a></li>
    <li><a href="register.php" title="Créer un nouveau compte" rel="nofollow">S'enregistrer</a></li>
    <li><a href="password.php" title="Mot de passe oublié ?" rel="nofollow">Mot de passe oublié ?</a></li>
    </ul>
<form method=post action="identification.php" id=quickconnect><fieldset><legend>Connexion rapide</legend><p><label for=userX>Nom d'utilisateur</label><br><input type=text name=username id=userX value="" style="width:99%"></p><p><label for=passX>Mot de passe</label><br><input type=password name=password id=passX style="width:99%"></p><p><label>Connexion auto&nbsp;<input type=checkbox name=remember_me value=1></label></p><p><input type=hidden name=redirect value="%2Fpiwigo-1530%2Findex.php%3F%2Fpage%2Ftest2"><input type=submit name=login value="Valider"></p></fieldset></form>
  </dd>
</dl>

</aside>
<a id="menuSwitcher" class="pwg-button" title="Menu"><span class="pwg-icon pwg-icon-menu"></span></a>




<div id="content" class="content contentWithMenu">
<div class="titrePage">
  <a id=albumActionsSwitcher class=pwg-button><span class="pwg-icon pwg-icon-ellipsis"></span></a><ul class="categoryActions">

  </ul>

<h2><a href="/piwigo-1530/">Accueil</a> / test2 </h2>



</div>
<style type="text/css">
</style>
 
<div id="Ma_page">
<h1>Mon titre en h1</h1>
<p style="font-style: italic;">Bienvenue Ici et Maintenant</p>
<h2>Un titre en h2</h2>
<p>Un texte</p>
<h2>Un autre titre en h2</h2>
<p>Un autre texte</p>
        <div id="un-diapo">
           





<div id="slider2784442075" class="slider-wrapper theme-default">
  <div class="nivoSlider">
  <img src="_data/i/upload/2024/12/25/20241225080107-c4975192-me.jpg" alt="DSCF9036" width="792" height="445"  ><img src="_data/i/upload/2024/12/25/20241225080106-29a37aa6-me.jpg" alt="DSCF9032" width="792" height="445"  ><img src="_data/i/upload/2024/12/25/20241225080106-14000c8c-me.jpg" alt="DSCF9035" width="334" height="594"  ><img src="_data/i/upload/2024/12/25/20241225080105-db7e6ec3-me.jpg" alt="P 20241223 150040" width="445" height="594"  ><img src="_data/i/upload/2024/12/25/20241225080104-163da4a9-me.jpg" alt="P 20241206 105106" width="792" height="594"  >  </div>
</div>


        </div>
</div>












</div><div id="copyright">
  Propulsé par  <a href="https://fr.piwigo.org">Piwigo</a>
  
<script type="text/javascript" src="_data/combined/17ynfol.js"></script>
<script type="text/javascript">//<![CDATA[

(function($){
  var $slider = $("#slider2784442075 .nivoSlider");

  $slider.nivoSlider({
    pauseTime: 5*1000,
    animSpeed: 5*1000/6,
    effect: 'fade',
    directionNav: true,    controlNav: true,    controlNavThumbs: false,    beforeChange: function() {
      if ($slider.data('nivo:vars').currentImage.attr('src') == "") {
        return false;
      }
      $slider.css({ height: 'auto' });
    }
  });

  $slider.parent().css({
    height: 594+40,
    width: 792
  });
  $slider.css({
    height: 445,
    width: 792
  });
}(jQuery));
var h = jQuery("#theHeader div.banner").css("height");
    var d = jQuery("#menuSwitcher").css("padding-top");

    jQuery(document).ready(function(){
      if( jQuery('#theHeader div.banner').is(':visible') && jQuery("body").css("display") == "flex"){
        jQuery("#menuSwitcher").css("padding-top",parseInt(h)+parseInt(d));
      };
    });
//]]></script>
<script type="text/javascript">
(function() {
var s,after = document.getElementsByTagName('script')[document.getElementsByTagName('script').length-1];
s=document.createElement('script'); s.type='text/javascript'; s.async=true; s.src='_data/combined/8bajld.js';
after = after.parentNode.insertBefore(s, after);
})();
</script>
</div></body>
</html>

Je n'ai que <h1>Mon titre en h1</h1>

Je suis désolé de ne pouvoir t'aider davantage.

Peut-être pourrais-tu essayer de désactiver tous les plugins puis de pister en les réactivant un par un ?

Katryne · 2025-01-03 19:19:00

yes ! c'est FCK qui cause les soucis : si je crée une page avec FCK désactivé par le lien de bas de page, le plan des pages est correct, sans h1 vide sur numéraire.

Si je réactive FCK depuis le lien de bas de page et que j'édite la page, le plan des pages reste parfait. Ce serait donc au niveau de la création de la page que met en place ce h1 vide incongru.

polowigo · 2025-01-03 19:23:05

Une bonne chose de faite : tu as trouvé un bug, tu as donc droit à un chocolat.
Ah bin non, les fêtes sont passées !

Piwigo.org

Annonce

#16 2025-01-03 17:58:53

Re: Additionnal Pages et le plan des pages en titres Hn

#17 2025-01-03 18:48:25

Re: Additionnal Pages et le plan des pages en titres Hn

Code:

#18 2025-01-03 19:07:52

Re: Additionnal Pages et le plan des pages en titres Hn

#19 2025-01-03 19:16:24

Re: Additionnal Pages et le plan des pages en titres Hn

Code:

#20 2025-01-03 19:19:00

Re: Additionnal Pages et le plan des pages en titres Hn

#21 2025-01-03 19:23:05

Re: Additionnal Pages et le plan des pages en titres Hn

Pied de page des forums