[Problème] Modifier le fichier CSS afin d'optimiser l'affichage d'une image en background

[leonabil]

Bonjour,

Je travaille en local sur une template The World News II de Gavick.

http://demo.gavick.com/, dérriére le logo il y a une image sous forme de background (http://demo.gavick.com/joomla16/jul2...style1/bg2.png) que j'essaye de positionner à gauche (au lieu de la position actuelle center).

J'y parviens en modifiant le fichier css style1.css (http://demo.gavick.com/joomla16/jul2...css/style1.css), la ligne :

body { background: transparent url('../images/style1/bg2.png') no-repeat left top; }

au lieu de :

body { background: transparent url('../images/style1/bg2.png') no-repeat center top; }

Le problème est que l'image s'aligne à l'extréme droite de l'écran et n'est pas alignée avec le block body de la template (menu...etc.).

Quelqu'un a une idée comment aligner l'image background avec le reste?

Merci.

[lefabdu51]

Re : Modifier le fichier CSS afin d'optimiser l'affichage d'une image en background

/*les classes pour ton logo */
<div id="gkLogoWrap">
<h1 id="gkLogo">
<div id="gkButtons">
<div id="gkHighlighter">
</div>

/* les classes pour le menu */
<div id="gkMenuWrap" class="clear">
<div id="system-message-container"> </div>
<div id="mainContent" class="gkWrap clear">
</div>
essaye de jouer sur ce selecteur , il est dans template.css.
C est celui qui définit ton entete....dans ton template
#gkLogoWrap {
min-height: 124px;
position: relative;
}

et firebug dit quoi au niveau des selecteurs?