Jump to content

PS 1.7 Background :before :after sur toute la largeur = dépasse les limites


Recommended Posts

Bonjour,

Je suis en train de re-travailler sur le visuel de mon site.
Actuellement j'ai des cadres "border" qui me servent à compartimenter mes blocs (description, personnalisation, etc etc).

Je voudrais passer à un système plus moderne en utilisant uniquement les couleurs de background.

Pour "colorier" les côtés droit et gauche, afin d'avoir une coloration sur toute la largeur de mes blocs, j'utilise les :before et :after.

Or j'ai un problème sur le :after, mon background dépasse les limites de l'écran.

 

.tabs.product-tabs .tab-content:after {
    left: 100%;
}

.tabs.product-tabs .tab-content:before {
    right: 100%;
}

.tabs.product-tabs .tab-content:after, .tabs.product-tabs .tab-content:before {
    position: absolute;
    content: "";
    background: #ececec;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

 

Y aurait-il une solution?

609999597_Sanstitre1.thumb.jpg.c6427ee891f1d04cf900ab49b14a1046.jpg

1913073061_Sanstitre2.thumb.jpg.8091cc7698e7ca647cca07ee0c74ab9c.jpg

 

Voici l'url : https://gounacreations.com/mug/1262-mug-photo-personnalise.html

 

Merci par avance.

 

Cordialement

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