[Réglé] Centrer l'image du header

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.2

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Centrer l'image du header

Messagepar On Stage » 05 Avr 2018 à 09:50

Bonjour,

Je n'arrive pas à centrer l'image ajouté au header, en largeur c'est OK mais en hauteur il en manque

Dans la stylesheet j'ai ajouté ce code :
Code: Tout sélectionner
.headerbar {
	 background-image: url("./images/olympia.png");
	 background-size: cover;
}


Mon image est celle-ci :
Image

Ce que j'ai à l'écran :
Image
Version de PHP : 7.2.5
Version du forum : 3.2.2

Image
Avatar de l’utilisateur
On Stage
Apprenti-posteur
Apprenti-posteur
 
Messages: 189
Enregistré le: 19 Mar 2018 à 17:04

Re: Centrer l'image du header

Messagepar Sylveretour » 05 Avr 2018 à 10:57

Bonjour,

C'est exactement le même problème que tu avait 2 jours plus tôt avec ton image logo.
Tu doit ajouter de la même manière la hauteur.
height: xxxpx; ou xxx est la hauteur voulue
Avatar de l’utilisateur
Sylveretour
Maître-posteur
Maître-posteur
 
Messages: 443
Enregistré le: 21 Nov 2017 à 19:24
Localisation: West Coast

Re: Centrer l'image du header

Messagepar On Stage » 05 Avr 2018 à 11:27

C'est ce que j'ai tenté de faire mais en renseignant les dimensions de l'image celle-ci sort du cadre en largeur

Avec ce code elle se descentre mais elle reste bien dans le cadre
Code: Tout sélectionner
.headerbar {
	 background-image: url("./images/olympia.png");
	 background-size: cover;
	 width: center;
	 height: 256px;
}


En augmentant la largeur du forum on aperçoit ce qui manque de l'image sur la droite mais elle n'est jamais centrée alors qu'avec le code plus haut elle reste centrée en jouant sur la largeur du forum
Version de PHP : 7.2.5
Version du forum : 3.2.2

Image
Avatar de l’utilisateur
On Stage
Apprenti-posteur
Apprenti-posteur
 
Messages: 189
Enregistré le: 19 Mar 2018 à 17:04

Re: Centrer l'image du header

Messagepar Sylveretour » 05 Avr 2018 à 16:18

width: center; n'est pas valide, ce n'est pas une dimension.
Ajoute seulement la hauteur.
Avatar de l’utilisateur
Sylveretour
Maître-posteur
Maître-posteur
 
Messages: 443
Enregistré le: 21 Nov 2017 à 19:24
Localisation: West Coast

Re: Centrer l'image du header

Messagepar On Stage » 05 Avr 2018 à 16:39

Déjà essayé ce paramètre seul mais l'image se décentre automatiquement

Image
Version de PHP : 7.2.5
Version du forum : 3.2.2

Image
Avatar de l’utilisateur
On Stage
Apprenti-posteur
Apprenti-posteur
 
Messages: 189
Enregistré le: 19 Mar 2018 à 17:04

Re: Centrer l'image du header

Messagepar Mazeltof » 05 Avr 2018 à 19:33

'soir ici,

Essaie en ajoutant background-position : 50% 50%; dans la règle .headerbar
Image Image Image
Avatar de l’utilisateur
Mazeltof
Resp. des graphistes
Resp. des graphistes
 
Messages: 2734
Enregistré le: 09 Mar 2009 à 23:02
Localisation: Arras

Re: Centrer l'image du header

Messagepar On Stage » 05 Avr 2018 à 19:46

Merci à vous
Version de PHP : 7.2.5
Version du forum : 3.2.2

Image
Avatar de l’utilisateur
On Stage
Apprenti-posteur
Apprenti-posteur
 
Messages: 189
Enregistré le: 19 Mar 2018 à 17:04


Retourner vers [3.2.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités