Image de fond

[Bentop]

Salutation,

Voilà mon problème est simple mais néanmoins dérangeant.
Alors voila je voudrai que mon image de fond se multiplie partout sur le fond de forum , mais voila elle n'affiche qu'une seul fois l'image

voici l'adresse :http://famille-pronzati.keuf.net/ ( c'est au dessus de la bannière )

Comment faire ?


Merci de votre aide

Bentop

[Invité]

Bonsoir,

Normalement l'image de fond se répète par défaut sur les forum. Avez-vous quelque chose d'inscrit dans votre feuille CSS? (panneau d'admin > Affichage > Couleurs - Feuille de style CSS)

Cordialement.

[Bentop]

Il y avait effectivement quelque chose d'écrit :

body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}
table.forumline {border:1px dotted;}a:hover{text-transform:uppercase;}


Merci beaucoup de votre aide.


A bientôt , Bentop.

[Invité]

Re,

Il faut supprimer tout ceci de la feuille CSS:

Code:

body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

puis Valider. Normalement votre image de fond se répètera sur toute la page.

Cordialement.

[Bentop]

Impecable , Merci pour tout

[Bad Girl]

Bonjour,

Je me permets de poster dans ce sujet car j'ai une question sur le même thème.
En fait, je cherche a ce que mon image se multiplie dans un cadre que j'ai créé lorsque je poste un message. C'est pour un code CSS.

Merci beaucoup !

[Invité]

Bonjour,

Pour qu'une image se répète il faut ajouter ceci aux propriétés CSS:

Code:

background-repeat: repeat;

Cordialement.

[Bad Girl]

J'ai essayé mais ça ne marche pas...
Voici le code de mon cadre et j'aimerai que cette image : https://i.imgur.com/Zj0ce.png s'y multiplie sur toute la longueur et la largeur quand j'inscris des choses à l'intérieur.

Code:

<div style="padding: 0px;padding-top: 0px;; border: 5px solid #B96363; width: 600px; font-family: arial; font-size:11px; font-variant: normal;  line-height: 15px;  text-align: justify; background-repeat: no-repeat; -moz-border-radius-bottomright: 45px; -moz-border-radius-topleft: 45px; -moz-border-radius-topright: 45px; -moz-border-radius-bottomright: 45px; -moz-border-radius-bottomleft: 45px; -moz-box-shadow: 3px 3px 3px #000000; background-image:url('http://i.imgur.com/Zj0ce.png')"></div>

Merci de m'aider !

[Invité]

Il y a juste un petit bout a retirer dans le code. il faut transformer le background-repeat: no-repeat; en background-repeat: repeat;. Vous pouvez aussi raccourcir votre code puisque tous vos angles ont le même arrondi.
Comme ceci:

<div style="padding: 0px;padding-top: 0px;; border: 5px solid #B96363; width: 600px; font-family: arial; font-size:11px; font-variant: normal; line-height: 15px; text-align: justify; background-repeat: repeat; -moz-border-radius: 45px; -moz-box-shadow: 3px 3px 3px #000000; background-image:url('https://i.imgur.com/Zj0ce.png')"></div>

Cordialement.

[Bad Girl]

Merci beaucoup, c'est ça !!