Motif en background + design livre

Bonjour, j'aimerais faire un site avec la même technique qu'on retrouve sur ce site. http://e-knjige.net/

Je comprends pas comment faire pour mettre une image par dessus un motif de background sans que celui s'y soit modifier ou que l'effet du motif soit brisé. J'aimerais donc quelques astuces ou conseils pour y arriver ou des adresses avec des tutorials.


Je dois faire un entete, le contenu et le bas de page(div) avec des images découpée. Mais cest le motif qui me cause probleme.

Mon but est de centrer une image avec un contour non-linéaire (grunge) et d'avoir un motif en background sous cette image.

merci

Pour savoir comment il a fait (pour le site que tu donnes en référence), il n'y a qu'à regarder les images de fond qu'il utilise pour le livre. Par exemple :
http://e-knjige.net/images/mid/pozadina.jpg

Voilà, c'est tout con : il répète le motif juste comme il faut pour que ce soit raccord (avec un ou deux pixels de flottement quand on redimmensionne la fenêtre, si tu regardes bien).

Bon, théoriquement pour faire la même chose un peu plus proprement, on pourrait utiliser la transparence graduelle du PNG (avec du PNG-24). Sauf qu'il y a deux restrictions :
– le PNG-24 étant non destructif et ayant une couche alpha complète comme information supplémentaire à enregistrer, ça peut être assez lourd pour des grosses images. J'imagine que pour l'image du livre dans son entier, ça pourrait chiffrer dans les 150-200Ko. Un poil lourd pour le web tout ça…
– IE6 ne gère pas la transparence PNG. Tant qu'IE7 n'est pas bien ancré sur le marché, il va falloir s'en passer.