Jump to content

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


pasc06
 Share

Recommended Posts

Bonjour,

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



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

11808_CDadoeIlNCNhHRpW5sHS_t

Share this post


Link to post
Share on other sites

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;
}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More