image de fond

cocodoggio · Message par **cocodoggio** » 28 avr. 2007, 13:04

bonjour,

j'ai lu les différents articles sur le fait de mettre une image de fond mais je n'ai pas trouver l'astuce pour que cette image soit vraiment en arrière plan comme un filigrane.

Mon image cache en effet le texte que je peux mettre et est dupliquée indifiniment.

Comment faire ?

Merci !

Message envoyé avec : Mozilla/5.0 (Windows; U; Win98; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

krystof · Message par **krystof** » 28 avr. 2007, 22:03

Salut, pour mettre une image en fond tu vas dans format, couleurs et fond de page et tu choisis ton image en bas.
Après, pour ne pas qu' elle se répète, tu rajoutes ceci dans le code source, après l' url de ton imge :

Code : Tout sélectionner

background-repeat:no-repeat;

et pour quelle soit fixe, tu mets au début :

Code : Tout sélectionner

style="background-attachment: fixed;

Ce qui doit te donner un truc du genre :

Code : Tout sélectionner

style="background-attachment: fixed; color: rgb(192, 192, 192); background-image: url(../adressedetonimage.jpg); background-repeat: no-repeat;"

[/quote]

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Maxthon; .NET CLR 1.1.4322)

Bénédicte · Message par **Bénédicte** » 30 avr. 2007, 18:19

Mon problème est le suivant : je veux insérer une image de fond (un carnet à spirale) que j'ai fait avec Photoshop. J'ai beau lui donner la grandeur de mon fond c'est à dire 987 pixels de large rien n'y fait, le modèle est bien plus petit que la page.
Quelqu'un aurait-il une solution ? Je précise que je me lance, que je ne suis pas très douée malheureusement...

[size=9]Message envoyé avec : [color=olive]Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)[/color][/size]

klaviebel · Message par **klaviebel** » 30 avr. 2007, 20:25

salut cocodoggio, je ne sais pas si tu as résolu ton problème, mais je viens de lire il y a quelques minutes un tuto qui abordait la question de l'effet de transparence via le CSS. Voici le lien:
http://css-astuces.batraciens.net/transparence-1.htm

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 30 avr. 2007, 21:17

Bénédicte a écrit :J'ai beau lui donner la grandeur de mon fond

"Mon fond", c'est à dire? Ton <body>?
Donne ton code, peut-être...

@klaviebel : comme l'indique krystof, c'est bon. L'image sera bien en fond, derrière le texte
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

klaviebel · Message par **klaviebel** » 30 avr. 2007, 22:12

je n'en doutais pas. Mais ce tuto est vraiment bien fait, je trouves, avec plusieurs variantes de transparence.
J'aime bien avoir du choix

(la vie serait ennuyeuse s'il n'y avait qu'un modèle à suivre

non?)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Bénédicte · Message par **Bénédicte** » 01 mai 2007, 09:50

[i]"Mon fond", c'est à dire? Ton <body>?
Donne ton code, peut-être...

@klaviebel : comme l'indique krystof, c'est bon. L'image sera bien en fond, derrière le texte [/i]

Quand tu vas dans "Format" - "Couleur et fond de page", tu peux donc insérer un "Fond de page". Ce que je veux insérer n'occupe pas totalement la page, même si je lui donne la largeur de ma page. Je me demandais donc s'il y avait une astuce...

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Mongo Bob · Message par **Mongo Bob** » 01 mai 2007, 10:12

Lorsque tu places une image de fonds, dans le code c'est une image que tu attribues à la balise <body>, balise qui englobe tout le code html (voir l'onglet Source).
La "largeur de ta page" est "liquide", c'est la largeur du body qui compte, si tu donnes à ce <body> la largeur de ton image :
Tout en bas, clic droit sur <body>/Styles internes/Propriétés de la boîte/Largeur : 987px, ton image aura la même largeur, mais aucun écran ne dispose d'une résolution de 987px de large, la fameuse page liquide et inatteignable par le code, est créée par les navigateurs, avec une largeur de soit 800px pour les écrans en 800x600, 1024 pour les 1024x768, 1280 pour les 1280x1024, etx... Ca ne correspondra jamais...
Maintenant tu peux créer un bloc à l'intérieur du <body> de la largeur exacte de ton image, centrée éventuellement, mais 987px, c'est un peu trop large pour les écrans en 800x600, là une barre horizontale va apparaître en bas, pouah!...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Geckozone

image de fond

image de fond

Image de fond - Format ?

Fond de page

Qui est en ligne ?