[RÉGLÉ] image mal cadrée de le logoheader

[gambi13]

Bonjour sur vos conseils j'i trouvé la dimension du header beez 20 j'ai donc redimensionner mon bandeau et il ne cadre pas avec l'original. si j'augmente les dimensions cela augmente d'autant le bandeau du site mais avec toujours le mauvais cadrage. http://www.avosoins.fr/.
Merci pour votre aide

[lomart]

Re : image mal cadrée de le logoheader

C'est normal car l'image est dans la balise H1 qui fait 425px de largeur.
Il faut donc modifier le CSS en conséquence.
Une autre solution plus simple est de faire une image de 288x1060px pour remplacer cette image ../images/personal/personal2.png
Supprimer l'image actuelle

[gambi13]

Re : image mal cadrée de le logoheader

Chose faite!! ca fonctionne si ce n'est que je vois la moitié du bandeau!!.http://avosoins.fr/.
Y a t'il un réglage de position dans les fichiers CSS?. précision: n'ai aucune connaissance en CSS.
merci pour votre aide
Thierry

[lomart]

Re : image mal cadrée de le logoheader

Bonjour,

Il faut modifier la ligne CSS où vous déclarer l'image par
.logoheader {
background: url("http://avosoins.fr/images/bandeau%20site2.png") no-repeat scroll left -30px #0c1a3e;

L'image utile fait en réalité 200x1030px. left et -30px définissent l'origine de l'image.

Par contre cette méthode coupe l'image dès que la largeur de la fenêtre est inférieure à 1030px
On peut améliorer la chose en ajoutant la ligne
background-size: cover;

Si vous commencez votre site, regarder du côté d'un autre template comme protostar pour rester dans ceux fournis avec Joomla!

[gambi13]

Re : image mal cadrée de le logoheader

Super, problème resolu. un grand merci .
merci encore lomart