Comment gérer ce background ?
Salut tout le monde,
encore un problème avec les CSS mais surtout avec la découpe photoshop.

J'ai en effet décidé de découper cette interface, mais dès le départ un problème se pose à moi.

En effet, j'ai utilisé un motif que j'ai répeté via la fonction remplir sous photoshop, j'ai ensuite modifié sa couleur et je l'ai passé en mode incrustation.
Jusque là, pas de problème.

Là ou ça se gatte par contre, c'est au niveau du "creux" du milieu.

En effet, vous pouvez voir que le background est surélevé par rapport au milieu de la page.

Il faut donc que j'arrive à garder cet effet ainsi que cette couleur puis à appliquer par au dessus mon motif qui se répète.

J bloque totalement et je ne suis pas sûr qu'il y ait une solution, mais si vous trouviez ça m'arrangerait beaucoup.

Merci d'avance :)

Salut,



C'est carrement faisable je pense... Tu met un calque autour de ton calque de milieu, avec une largeur plus importante, tu le centre avec un { margin-right: auto; margin-left: auto; width: x px } et tu lui assigne ta decoupe en background pour preserver l'ombrage...


J'espère t'avoir aidé. Peace.

Non, le problème avec le margin: auto; c'est que dès que la fenêtre sera resizée ca va forcément bouger le cadre du milieu, donc forcément le motif ne va pas être respecté...

Le meilleur moyen serait de faire un png avec différents niveaux de transparence... Mais IE gère mal les png du type. L'autre solution serait de fixer le cadre à 100px du bord gauche, par exemple, et là plus de problème... Ou alors d'attendre IE7 ? ^^

Peut-être existe t-il une solution miracle, mais je ne la connais pas.

Ah, la solution miracle... \o/

Euh non je crois que ctait une bêtise, ma solution miracle.

Edit : Bon, j'arrête de faire le boulet. Si, c'était bien une solution-miracle, la re-voici :

Il suffit d'appliquer au motif un attribut :
    background-position: center top;
Ce qui oblige le motif à se dérouler en partant du haut et du centre.

C'est pas bien de supprimer ses posts :o

Certes, je n'aurai pas dû. Je m'auto-blâme.
La solution te convient, finalement?

edit : petite démo ici.

C'est pas du tout mon problème là.
Je me demande comment faire pour appliquer la répétition du motif par dessus mon background, du fait que le motif ne soit pas transparent et que je veux garder cet effet surélevé.

Bon alors faut que tu précises de quel motif tu parles ^^

La fleur en bas ?
Le fond au centre ?

Bah non le motif qui se répète tout le temps sur le fond noir surélevé.

hum, c'est pas mon jour de gloire... J'ai toujous pas compris :-/
Donc la démo dont je parlais plus haut ne réponds pas à ton besoin ?