remplissage "background"

Voir le sujet précédent Voir le sujet suivant Aller en bas

remplissage "background"

Message par *Arsyttävää le 15/7/2011, 18:46

Bonjour,
Pour "décorer" l'arrière plan de navigation de mon site, j'aimerais placer une image de chaque côté, en haut, à hauteur de l'en-tête.
Alors j'ai créé une image de 1080 x 400 sur laquelle les éléments "décoratifs" sont placés de chaque côté - un à droite et un à gauche, la partie centrale étant masqué par le contenu.
J'ai enregistré en PNG pour avoir un fond transparent et j'ai choisi ce fichier pour l'arrière-plan de navigateur. (le fichier joint est en JPEG, mais c'est pour le poids, le PNG est 2 fois plus lourd !)
Mais, hélas, cette image ne se place pas en haut et vient au milieu de la page.
Par ailleurs, le fond de tout l'arrière plan devient blanc, ce qui ne m'arrange pas car je la souhaite en gris.
Quelqu'un peut-il m'expliquer comment obtenir le résultat recherché, à savoir :
- l'image à hauteur de l'en-tête (de chaque côté du contenu)
- le fond gris ... sans avoir à colorier l'arrière-plan de l'image importée.
N'est-il pas possible de choisir les 2 options en remplissage d'arrière-plan de navigateur ? : 1 - couleur + - 2 - image en taille réelle ?

Merci.
avatar
*Arsyttävää
Nouveau

Messages : 6
Inscription : 12/03/2009 Masculin Age : 105
Localisation : Lille
Version iWeb : A remplir!
Publication : MobileMe

http://rf2andco.org/Site_vtt/Accueil.html

Revenir en haut Aller en bas

Re: remplissage "background"

Message par koeklin le 15/7/2011, 20:02

Bonjour,
Evitez les PNG.
Pour le reste, il faut utiliser un script pour déplacer l'image. Voici mon micro-site d'explication à ce sujet :
http://iweb.debutersurmac.com/bg/bg.html

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: remplissage "background"

Message par *Arsyttävää le 15/7/2011, 21:10

Merci beaucoup. Mais j'ai un petit souci. J'ai appliqué à la lettre votre procédure et le code préconisé, en remplaçant y par n et right par center. Cela donne :
Code:
"<script  type="text/javascript">
<!--
parent.document.body.style.backgroundImage='url(http://rf2andco.org/RF2%26Co/images_html_files/pneus_1.png)';
parent.document.body.style.backgroundRepeat='repeat-n';
parent.document.body.style.backgroundPosition='center top';
-->
</script>
Hélas, l'image est cachée par la couleur d'arrière plan de navigateur. Par contre, si je la déplace, je peux la voir sur l'arrière plan de page ?
Quelle erreur ai-je commis ?
Merci.


Note administrateur: J` ai modifié votre message car le code n` apparaissait pas. En effet, il faut ajouter les balises CODE pour que cela se voit. Consultez CE SUJET
avatar
*Arsyttävää
Nouveau

Messages : 6
Inscription : 12/03/2009 Masculin Age : 105
Localisation : Lille
Version iWeb : A remplir!
Publication : MobileMe

http://rf2andco.org/Site_vtt/Accueil.html

Revenir en haut Aller en bas

Re: remplissage "background"

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum