Image s'adaptant à la taille de la fenêtre |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
Francky
Newbie Depuis le: 21 Jan 2017 Status: Inactif Points: 2 |
Options des messages
Thanks(0)
Envoyé : 21 Jan 2017 à 17:49 |
Bonjour à tous,
Cela fait peu de temps que je manipule openElement en mode "plein écran" et il y a une chose que j'ai du mal à cerner. J'essaye de faire un site responsive avec le menu en bas, le menu est fait, sur un calque. OK pour ça. Sur ma page "index", je voudrais que s'affiche un logo en "plein écran", qui s'adapte en X et Y tout en laissant l'image centrée, mais ceci au-dessus du menu, bien entendu (pour ne pas le cacher). Pour faire cela, j'ai pris l'élément "Panneau d'élément" (j'ai aussi essayé avec "Cadre") avec marge en bas correspondant à la hauteur de mon menu (156px pour les gros écrans par exemple). De là j'ai mis un fond à cet élément, Position Fixe + Cover. Problème n°1 : l'image s'adapte à la largeur de l'écran et non à la hauteur (mon image est carrée), on ne voit donc que la partie haute du logo. Comment l'adapter à la hauteur à la place? Problème n°2 : lorsque je met une marge en bas sur ce panneau d'élément pour que la taille du panneau prenne en compte le menu de 156px de hauteur, la marge se fait "sous" le panneau qui reste 100% visible (testé en marge intérieure et extérieure). Comment rendre mon menu et mon logos tous deux visibles en entier ? Mon css, panneaucentral étant la classe perso de mon panneau d'élément contenant le logo : .panneaucentral{ width:100% position : fixed } Ça fait 2 jours que je bloque là-dessus, peut-être que quelqu'un pourra m'aider ;) Merci d'avance. |
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Larsene
Admin Group Depuis le: 05 Mar 2012 Pays: France Status: Inactif Points: 5388 |
Options des messages
Thanks(0)
|
Jette un coup d'oeil au tutoriel http://forum.openelement.com/fr/forum_posts.asp?TID=20188&title=tuto-volet-daccueil-fluidit-et-abeilles
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |