🌍
Français
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 !
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.
C'est tout de même un monde que je ne l'aie pas cette balise vide.
Voici le code source donné par Palemoon :
<!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 <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 ?
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)
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.
<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.
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.
Okie, c'est bon pour le plan des pages, mais la page n'est pas intégrée au site, elle n'en a pas le syle, n'est pas reliée au reste. La seule connexion, c'est un lien dans le menu des Pages. Elle est complètement hors sol. Et n'a aucun intérêt dans un Piwigo.
Je pense que c'est le Piwigo qui fait joujou avec les balises de titres dans ce que signale comme mon problème initial.
J'ai essayé vite fait une page autonome, ça a l'air de rouler : rien n'est ajouté à ce que j'écris :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="fr" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="generator" content="Piwigo (aka PWG), see piwigo.org"> <meta name="description" content="Very happy"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <title>Mon titre à moi</title> <style type="text/css"> </style> </head> <body> <div id="Ma_page"> <h1>Une très belle page propulsée par Piwigo</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> </body> </html>
Et si je veux le titre en <h1>, je reproduit ce que j'ai dans <title>.
C'est pareil avec la page autonome (c'est une autre page) : https://album.chauvigne.info/index?/pag … _belle_ile
Voilà le plan des pages que j'obtiens :
<h1>(Aucun titre de texte)
<h1>L'occupation de Belle-Île de 1761 à 1763
<h2>La prise de Belle-Île, reflet d’une France affaiblie par la guerre de Sept Ans
<h2>Le déploiement des forces britanniques et le siège de la citadelle du Palais
<h2>L’occupation anglaise de Belle-Île
<h2>Le traité de Paris de 1763 et le retour de Belle-Île à la France
<h2>La présence anglaise à Belle-Île et ses conséquences dans les archives départementales du Morbihan.
Je sais pas faire et je sais pas d'où bient le 1er h1 vide.
Ok, merci Katryne.
Je vais essayer la page autonome, merci de la piste.
FCKeditor est une ancienne version de l'éditeur, qui a pris depuis des lustres le nom de CKEditor, le plugin de Piwigo a gardé l'ancien nom, mais c'est bien CK et pas FCK qu'il embarque, même si ce n'est pas la toute dernière version, qui semble plus compliquée à intégrer notamment pour des histoires de droit.
Justement, as-tu essayé en page autonome avec laquelle tu serais "libre" ?
Tu cites CKEditor mais je ne dispose que de FCK Editor. Est-ce le même ?
Autre chose : pour afficher le titre de la page, sais-tu si Extended description en est capable ?
Dans la page , ya des titres de chapitres, et avec ckeditor, je leur ai mis du h2. Du coup, comme Piwigo (ou CKEditor ...) aime l'ordre et la logique, il a chapeauté le tout d'un h1, mais qui est vide, parce que il sait pas à quoi l'affecter.
J'ai fait plein d'essais, comme j'ai expliqué plus haut, en entourant le titre de balises h1, ou en doublant le titre dans le corps du texte, tout en haut et en l'entourant douillettement de balises h1, mais ça ne fait que doubler le titre et rajouter des h1 vides.
Je désespère ...
PS : ce n'est pas une page autonome.
Bonsoir Katryne,
Non non, ne rêve pas, je n'ai aucune idée, lumineuse ou non, juste de la curiosité : comment ta page est-elle codée ?
Dans le modèle standalone homepage par exemple, je ne vois aucune balise <h1> vide.
Bonne soirée
Bonsoir, bonsoir !
Est-ce qu'en 2025 quelqu'un aurait une lumineuse idée pour mettre un h1 sur le titre d'une page additionnelle J Regardez cette page, elle a plein de jolis sous-titres en h2 . Et un h1 vide au-dessus.
https://album.chauvigne.info/index?/pag … _1761_1763
Merci d'avance !