Comment faire bouger le calendrier de haut en bas, ou inversement ?

[katolik]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.papefrancois.fr/

Description du problème

Bonjour,

Sur la majorité de mes pages, il est possible de voir, en haut, à droite, un calendrier sur lequel sont diffusés, dates aprés dates, les discours du Pape François....

Toutefois, ce calendrier ne bouge pas ! J'aimerai, lorsqu'un visiteur regarde mon site, que le calendrier descende ou monte, selon que le visiteur fait bouger telle ou telle page vers le haut ou vers le bas !

Est-ce possible ?

Merci d'avance pour votre aide !

[Neptunia]

Bonjour ^^


Ajoutez dans votre feuille css :

Code:

#right {
    position: fixed;
    top: 0px;
    right: 50px;
}

La valeur à top permet de définir la marge entre le haut de l'écran et le haut du widget.
La valeur de right définit l'espacement entre bord droit de l'écran et bord droit du widget. J'ignore pourquoi, mais j'ai du mettre 50px pour que le widget s'affiche entièrement.

[katolik]

Bonjour Neptunia et merci beaucoup pour votre réponse si rapide !

A 55 ans, tout cela est, pour moi, comme du "chinois" et, après avoir essayé votre solution, mon problème n'est pas résolu:

- quand vous dites "dans votre css", ou est-ce que je le trouve ? Je suis allé dans "module", "gestion des widgets du forum", puis "widget personnalisé" , et j'ai créé un "widget personnalisé" ...mais en repartant sur mon forum, le calendrier ne bouge toujours pas ! ...
Au secours !

[Neptunia]

Bah j'avais omis de préciser vu que vous signalez sur votre profil avoir modifié CSS et templates. J'en déduisais donc que vous saviez où c'était.

PA > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS
Par précaution, commencez par sauvegarder (sélectionner tout -> clic droit -> Copier, Ouvrir le bloc-notes de Windows Nouveau document texte > clic droit - Coller / Vous pouvez aussi coller le contenu de votre feuille dans un message en zone privée du forum)

Ajouter "mon" code à la suite des codes déjà présents et valider.

P.S. J'avais également omis de préciser que ce code agira sur l'ensemble des widgets positionnés dans la colonne de droite. Omission due au fait qu'il n'y a que le calendrier (du moins pour les invités)

[katolik]

Neptunia, bravo pour vos compétences car, effectivement, le système marche bien dans la page "accueil" et dans la page "calendrier"..par contre cela ne marche pas dans la partie "portail" ! une explication ?

Merci déjà pour tout le temps que vous avez pris pour mon forum !

[Neptunia]

J'avais pensé que la demande concernait les widgets du forum sans songer au portail.

Mon code n'agit pas sur le portail car il utilise des identifiants différents.

Essayez ceci : (toujours dans la feuille CSS)

Code:

    table.portal tbody tr td:nth-child(3) {
        position: fixed;
        top: 0px;
        right: 0px;
    }

Si ça ne fonctionne pas avec :nth-child(3) essayez avec :nth-child(2)
J'ai un doute sur la bonne syntaxe.

[katolik]

J'avais pensé que la demande concernait les widgets du forum sans songer au portail.

Mon code n'agit pas sur le portail car il utilise des identifiants différents.

Essayez ceci : (toujours dans la feuille CSS)

Code:

    table.portal tbody tr td:nth-child(3) {
        position: fixed;
        top: 0px;
        right: 0px;
    }

Si ça ne fonctionne pas avec :nth-child(3) essayez avec :nth-child(2)
J'ai un doute sur la bonne syntaxe.

neptunia, ça marche presque avec 3 (pas avec 2) mais allez voir sur le site, dans la partie "portail", une partie du calendrier a disparue

[Neptunia]

Oui, je vois le problème, mon code ciblant la troisième colonne s'applique à toute l'arborescence du widget.

Essayez avec ce code à la place :

Code:

        table.portal > tbody > tr > td:nth-child(3) {
            position: fixed;
            top: 0px;
            right: 0px;
        }

Si ça ne corrige pas le problème, enlevez complètement ce code. J'essaierai de repartir du widget de base (mais je crains devoir passer la main)

[katolik]

Neptunia, bravo ! ça a l'air de marcher (merci de me le confirmer de votre coté !)

Merci pour tout !

[Neptunia]

De mon côté ça fonctionne également, et cerise sur le gâteau je découvre comment utiliser le pseudo élément :nth-child ainsi que l'emploi des > dans le nommage des sélecteurs CSS.