[Résolu] Bug affichage background bloc mon compte custom

[pasc06]

Bonjour,

J'ai téléchargé à cette adresse un module pour modifier le bloc "Mon compte" :

http://www.prestashop.com/forums/viewthread/7253

Mais apparemment il y a un petit bug d'affichage : Le background gris clair monte jusqu'en haut (voir photo).

J'utilise Firebug mais je ne suis pas très calé en css, et je ne trouve pas comment supprimer ce bug.

Je pense que ça se passe ici, voici le bout de code du fichier global.css vers la ligne 914 :

/* block myaccount */
#left_column div.myaccount, #right_column div.myaccount { background: #D0D3D8 url('../img/block_exclusive_footer.gif') no-repeat bottom left;}
div.myaccount h4 { background: transparent url('../img/block_header_exclusive.gif') no-repeat top left; }
div.myaccount h4 a, div.myaccount h4 { color: white; }
div.myaccount, div.myaccount a { color: #666; }
div.myaccount ul.bullet { margin-top: 0.6em; }
div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); }
div.myaccount ul.bullet .icon { display: none; }
div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; }
div.myaccount p.logout, div.myaccount p.logout a { color: #666; }
div.myaccount p.logout a { text-decoration: none; }
div.myaccount p.logout a:hover { text-decoration: none; }
div.myaccount .block_content {background: #D0D3D8;}
.account_input {
   margin-left: 0px;
   width:15em;
}

Merci de votre aide

[Djolhan]

Est-ce que "block_header_exclusive.gif" est bien transparent au niveau des bords déjà ?

[pasc06]

Oui evidemment sinon je n'aurai pas posé la question !

Voici la solution :

/* block myaccount */
#left_column div.myaccount, #right_column div.myaccount { background: url('../img/block_exclusive_footer.gif') no-repeat left bottom;}
div.myaccount h4 { background: #FFFFFF url('../img/block_header_exclusive.gif') 0 0 no-repeat;}
div.myaccount h4 a, div.myaccount h4 { color: white; }
div.myaccount div {background:#D0D3D8; margin:0;}
div.myaccount, div.myaccount a { color: #666; }
div.myaccount ul.bullet { margin-top: 0.6em; }
div.myaccount ul.bullet li { background-image: url(’'../img/bullet_myaccount.gif'); }
div.myaccount ul.bullet .icon { display: none; }
div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; }
div.myaccount p.logout, div.myaccount p.logout a { color: #666; }
div.myaccount p.logout a { text-decoration: none; }
div.myaccount p.logout a:hover { text-decoration: none; }
div.myaccount .block_content {background: #D0D3D8;}
.account_input {
margin-left: 0px;
width:15em;
}

[Atch]

Salut,

un moyen de contourner le défaut :

div.myaccount h4 { background: #ffffff url('../img/block_header_exclusive.gif') no-repeat top left; }

mettre blanc à la place de transparent. ( Dans le cas d'un de l'utilisation d'un gif transparent comme évoqué par Djolhan).

Sinon,

Si le BG_content monte si haut c'est peut etre que votre titre (H4) est à l'intérieur et donc il suffirait de le mettre avant dans la partie HTML.

EDIT : J'ai loupé la réponse, j'étais au téléphone en meme temps que je tapais LOL

V++

Atch