BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS  - Centrer un panneau d'élément
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Centrer un panneau d'élément

 Répondre Répondre Page  <12345 9>
Auteur
Message
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 08 Mai 2020 à 14:20
Message posté par Hobby001 Hobby001 a écrit:

Je crains que plus personne ne s'occupe de ça.
Aïe, aïe, aïe, ça fait un peu peur.

Le tuto de Larsène est pourtant clair, me semble-t-il, car moi qui ne suis pas très doué en la matière, il m'a permis de construire les bases de mon site. Il fut largement amélioré grâce aux conseils éclairées des intervenants de ce forum.

J'aime bien l'image de Bridet sur le "relative" ; et puis ça nous rappelle le Corna ... des fois qu'on oublie.


Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Mai 2020 à 09:56
Re bonjour,

j'ai testé pas mal de templates différents et ils sont vraiment réussis.

Je rencontre juste un petit soucis, j'ai l'impression que lorsqu'on bascule sur l'affichage d'un portable, la photo est sectionné à gauche et à droite et ne s'affiche plus à 100% de la largeur. Dans mon cas, ça coupe la tête des gens (... <img src="smileys/smiley11.gif" align="middle" /> ).



Impossible de redimensionner l'image de fond (fond d'élément dynamique)
à 70% de sa largeur par exemple.

Je change les propriétés mais rien ne se passe ... Si c'est vraiment trop compliqué, je laisserai tomber et me remettrai en mode débutant (absolute).

Bon week end à tous !

P.S. Actuellement j'utilise Senslight, mais c'est pareil avec les autres templates ...

Edité par Sebastian - 09 Mai 2020 à 09:59
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Mai 2020 à 10:15
C'est normal, c'est une image de fond utilisée pour créer "un bandeau", on utilise généralement une photo qui peut être tronquée tout en conservant son attrait, sur mon site j'ai un peu contourné l'affaire en créant une photo avec trois http://www.de-troyer.be dans votre cas vous pouvez, rajouter d'autres photos à gauche et à droite.
Ne repartez pas en absolute, là, c'est sûr que sur les portables on ne verra rien, je trouve que le début est prometteur avec senslight.


Edité par Hobby001 - 09 Mai 2020 à 14:36
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Mai 2020 à 10:27
D'accord. Je vais essayer de feinter un peu alors.

Merci
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 10 Mai 2020 à 09:33
PS : ce n'est pas trop grave si sur certains écrans on ne voit pas tous les personnages, de toute façon personne ne les regarde vraiment sauf peut-être les intéressés.
Haut de la page
Bridet allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 13 Dec 2013
Pays: Condroz
Status: Inactif
Points: 5049
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Bridet Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 11 Mai 2020 à 16:29
Bon, "feintage" complètement raté, remettez comme avant. :-)
Pour être plus claire : sur grand écran, on ne voit plus que les deux jeunes filles à l'avant et les pieds des autres.


Edité par Bridet - 12 Mai 2020 à 09:18
Haut de la page
jjb1 allez vers le bas
Senior Member
Senior Member
Avatar

Depuis le: 27 Feb 2013
Pays: France
Status: Inactif
Points: 848
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer jjb1 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Mai 2020 à 09:26
Message posté par Sebastian Sebastian a écrit:

Re bonjour,
Je rencontre juste un petit soucis, j'ai l'impression que lorsqu'on bascule sur l'affichage d'un portable, la photo est sectionné à gauche et à droite et ne s'affiche plus à 100% de la largeur. Dans mon cas, ça coupe la tête des gens (... <img src="smileys/smiley11.gif" align="middle" /> ).
Petite précision, votre image de fond peut être cadrée de 6 façons différentes : Haut gauche, droit, bas gauche, droit ... 
Pour ce faire, dans le menu de droite :
Allez dans Style-Personnalisation. Choisissez dans Zone : Fond de page.
Ouvrez le paragraphe Arrière-plan, ouvrez Image position puis Prédéfinie ; là, en cliquant sur la petite flèche, vous verrez apparaître un choix de 6 possibilités.
Vous pourrez peut-être trouver une position qui s'adapte le mieux à votre image en conservant la partie essentielle toujours apparente. Seuls des essais pourront vous le dire.
Bon courage pour la suite.
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Mai 2020 à 20:14
Il y a certains paramètres qui ne s'appliquent pas comme prévu et je n'arrive pas à savoir pourquoi ...

Par exemple, j'aimerai que l'image s'affiche à 100% de sa hauteur et qu'elle soit redimensionnée en conservant les proportions. Sauf que ça ne marche pas !

Je suis obligé de spécifier une taille en pixels pour l'affichage de la hauteur.

Si je mets hauteur 100%, l'image n'affiche qu'une bande de quelques pixels de haut sur toute la largeur de l'écran.


En fait, quelques soient les paramètres que je modifie :
_ sur un PC : image affichée à 100 % de sa largeur et rogner en hauteur
_ sur un smartphone : image affiche à 100 % de sa hauteur et rogner sur sa largeur ...
Haut de la page
Sebastian allez vers le bas
Groupie
Groupie
Avatar

Depuis le: 25 Sep 2016
Pays: france
Status: Inactif
Points: 64
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Sebastian Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 13 Mai 2020 à 20:17
Je commence à penser qu'il est impossible d'afficher correctement une photo en arrière plan sur différents type de médias...

Il vaut peut être mieux que j'opte pour un fond standard (paysage) qui pourrait être rogné aussi bien en hauteur qu'en largeur ...
Haut de la page
Hobby001 allez vers le bas
Admin Group
Admin Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada, Québec
Status: Inactif
Points: 6507
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 14 Mai 2020 à 02:58
Une image de fond a deux méthodes d'affichage Contain et Cover et les deux ne la déforment pas.

Contain 

Suppose qu'elle sera toujours entièrement contenue dans l'élément, s'il lui manque de la largeur mais que la hauteur est entière elle aura une ou des plages vides dans la largeur

Cover

Fait en sorte qu'elle emplisse l'élément s'il manque de la largeur elle agrandira l'image jusqu'à remplir la largeur tout en tronquant la hauteur.


Haut de la page
 Répondre Répondre Page  <12345 9>
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.