Open sig-pnrnm opened 5 years ago
Si je comprends bien, @Splendens s'en est sortie avec des
<span id="reseaux" style="position:absolute; top:-200px;"></span>
Dans mon contexte, ça ne marche pas car j'imagine qu'il y a d'autres adaptations de style nécessaires ailleurs...
Salut,
Dans le css, il faut ajouter à la .navbar que sa longueur doit etre de 100%. A priori ça marche avec ça ;)
width: 100%;
}
Oui ma volonté sur cette page est d'avoir un sommaire de page qui soit fixe quand on navigue dans cette longue page.
J'avais bien identifié ce problème et un autre mais n'avait pas creusé pour le régler.
A priori ça marche avec ça ;)
Merci Donovan, mais cela ne résout pas le problème. Ca met la navbar en pleine largeur, ce qui est en effet mieux.
Mais la navbar
principale masque encore le début du paragraphe (featurette
).
En fait, j'ai l'impression que c'est l'ensemble de la div
de présentation (<div class="container presentation">
) qui passe sous la navbar principale, d'où le problème pour l'ouverture des liens.
Il faudrait que cette div
de présentation soit sous la navbar principale
(le graphisme et les contenus ne sont pas terminés ni validés !)
J'ai personnellement fixé le sous-menu en bas avec
.affix {
position: fixed;
bottom:0px;
}
@sig-pnrnm
Et si à la place d'une div class=featurette, tu utilise une div class=col-md-12, ça fonctionne ?
<div class="col-md-12">
<span id="observatoire" style="position:absolute; top:-200px;"></span>
...
Je le signale car je ne maîtrise pas assez le HTML/CSS pour le corriger seul dans le template de mon instance, et que je constate que ce problème touche aussi les différents portails publics ouverts (Biodiv'Ecrins par exemple*)
Lorsque l'on clic sur les liens des différentes sections (=
featurette
) de la page de présentation de l'Atlas, le début de la section concernée est masqué par les navbar du site. Exemple : http://biodiversite.ecrins-parcnational.fr/presentation#scientifiqueDu coup on ne retrouve pas le titre de la section concernée, ce qui n'est pas très ergonomique.
Je vais creuser quand même pour trouver une parade, mais comme vous maîtrisez 100x mieux que moi l'HTML/CSS, vous trouverez 100x plus vite que moi ! :stuck_out_tongue_winking_eye:
[*] quoi que je viens de constater que Marie l'a corrigé dans son instance Biodiv'Pays-de-la-Loire