WebSite X5Help Center

 
Andrea M.
Andrea M.
User

Header et Footer fixes  fr

Author: Andrea M.
Visited 2860, Followers 2, Shared 0  

Bonjour à tous!

Voilà quelques temps que je n'avais pas mis les pieds sur le forum pour raisons professionnelles. Mais aujourd'hui je me suis remis à tripatouiller website (version pro) pour aider un collègue et je suis tombé sur un os.

Nous cherchons à ce que le header et le footer soient fixes. L'idée est de créer un site avec pour thème les smartphones. Donc la template du site c'est un téléphone. Dans le header il y a le haut du téléphone, et dans le footer le bas du téléphone avec un menu "fait main".

L'idée est de rendre header et footer fixes pour que quasiment tous les utilisateurs (sauf écrans trop petits pour la hauteur minimal du contenu que nous définirons) puissent voir en un coup d'oeil le "téléphone" en entier. Partant de là, seul le contenu bougerait, à la manière d'un téléphone justement.

J'ai bien trouvé un ancien post avec une réponse de Mimoune sur un bout de code à ajouter pour le footer fixe. Mais pour ma part cela n'a pas marché: soit j'ai fait quelque chose de travers, soit il y a conflit avec peut-être le fait que le background soit aussi en image fixe (je peux changer ça)

Un peu d'aide?

Merci à vous, bonne journée!

Posted on the
6 ANSWERS - 1 USEFUL
JiPeR 48
JiPeR 48
Moderator
Best User of the month FR

Salut Andrea, il semblerait que le code de Mimoune et son petit frère Italien fonctionnaient bien avec la Version 9.

Exemple là : http://www.essedi.altervista.org/menufisso/header,-menu,-footer.html

Mais je n'ai pas réussi à l'intégrer sur la V10 Pro. (Testé sur un modèle "Portable" pour faire plus vrai )...  Faut dire que je suis nul en codage   ;o))

Je signale au support pour voir si on peut trouver la solution...

@+, J.P.

Read more
Posted on the from JiPeR 48
Andrea M.
Andrea M.
User
Author

Bonjour Jiper,

à l'affut, comme d'habitude

Je suis également assez mauvais en codage. Néanmoins, si nous sommes deux à avoir échoué, peut-être la V10pro gère-t-elle certains élément différemments... (il me plaît de la croire en tous cas )

Je vais tout de même dépoussiérer mes notions d'italien et essayer pas à pas avec le site "essedi".

A suivre donc! (La réponse du support sera portée ici?)

Read more
Posted on the from Andrea M.
JiPeR 48
JiPeR 48
Moderator
Best User of the month FR

Salut Andrea, oui la réponse sera portée sur cette page... Comme le codage se fait en HTML 5, je me demande s'il n'y aurait pas des adaptations à faire ?

Mais cela dépasse mes faibles compétences dans ce domaine

@+ en attendant le passage d'un technicien,

J.P.

Read more
Posted on the from JiPeR 48
Andrea M.
Andrea M.
User
Author

Bonsoir Jiper,

bon j'ai réussi à fixer le header, mais pour le reste... Chou blanc!

Attendons patiemment!

Read more
Posted on the from Andrea M.
Incomedia
Claudio D.
Incomedia

Hello Andrea,

The code of the example posted by Jiper was working for Version 9 and on Version 10 it is partially working bet needs to be adapted since the code changed.

You will need to use the browsers developers tools to test how to change the code by pressing as example CTRL + SHIFT + I on firefox so you can change the settings on the fly to see immediatly the result.

Unfortunately we cannot give support to custom code.

Many thanks!

***** Google Translation:

BonjourAndrea,

Le codedel'exempleaffichéparJipertravaillaitpour la version9etla version10, il estparifonctionnepartiellementdoit être adaptéepuisque le codea changé.

Vousaurez besoin d'utiliserles outilsdes navigateursdéveloppeursde testercomment modifierle code en appuyantcommeexempleCTRL+MAJ + Isurfirefoxainsi vous pouvez changerles réglagesà la volée pourvoirimmédiatementle résultat.

Malheureusementnous ne pouvons pasapporter son soutien àun code personnalisé.

Merci beaucoup!

Read more
Posted on the from Claudio D.
Andrea M.
Andrea M.
User
Author

Hi Claudio, thank you for your answer, even if you couldn't help

Je ferais quelques tests dès que j'aurai un peu de temps. En attendant, si un bon codeur passe dans le coin...

Read more
Posted on the from Andrea M.