LE NEWSMAGAZINE Nº1 DES NOUVELLES TECHNOLOGIES

Fiches pratiques

Hors série

Forums

Contacts

01net.

188 utilisateurs connectés

Forum de Micro Hebdo / Internet, réseaux et high tech / Création de sites/ image fixe en fond de page avec firefox ?[résolu]

image fixe en fond de page avec firefox ?[résolu]

jpol36 le 15 aout 2009 à 13h51

bonjour,
j'ai essayé mon site avec plusieurs navigateurs, et dans firefox, l'image que j'ai mise en fond de page n'est pas fixe.
dans les autres navigateurs (IE, Google Chrome, et Safari) cela fonctionne sans problème.
ma ligne :
<body background="index/plan_d_eau3.jpg" bgproperties="fixed" onload="dynAnimation()" language="Javascript1.2">

dans laquelle bgproperties="fixed" qui sert à rendre l'image fixe ne fonctionne pas dans firefox !

-->Message édité par jpol36 le 16/08/2009 09:13:49<--

-------
jpol

répondre

fml le 15 aout 2009 à 18h00

Essaie ceci :

<body style="background-image:url(index/plan_d_eau3.jpg);background-attachment: fixed" onload="dynAnimation()" language="Javascript1.2">

-------
En grève de modération et d'animation...
L'index en ligne de Micro-Hebdo >> C'est ici

répondre

jpol36 le 16 aout 2009 à 09h14

merci fml, ça marche !

-------
jpol

répondre

doudoucarro le 16 aout 2009 à 21h49

Et si le navigateur du visiteur ne prend pas en compte les javascript ?

Le mieux est d'écrire en css :

body{background-image: url("images/rock.jpg");
background-attachment: fixed;
margin:0;}

Comme >>ICI<<

A+

-------
SOSPC20 NOUVELLE VERSION
LOUER UN STUDIO EN BORD DE MER. http://www.studiocarro.info

répondre

jpol36 le 17 aout 2009 à 13h18

merci doudoucarro mais je ne maitrise pas le css.. j'essaierai plus tard mais tu peux toujours me guider et m'expliquer comment faire.
jpol

-------
jpol

répondre

fml le 17 aout 2009 à 17h35

doudoucarro a écrit :

Je dirais encore mieux : créer une feuille externe .css regroupant tous les styles à appliquer pour le site. Cela dit, le javascript n'a rien à voir avec le css, ce sont 2 choses complètement différentes.

L'option language="Javascript1.2 n'a aucun raison d'être dans la balise body.
D'autre part, sais-tu à quoi sert la fonction dynAnimation() exécutée au chargement de la page ?

-------
En grève de modération et d'animation...
L'index en ligne de Micro-Hebdo >> C'est ici

répondre

doudoucarro le 18 aout 2009 à 09h26

Salut,

body{background-image: url("images/rock.jpg");
background-attachment: fixed;
margin:0;}

Ceci est un extrait de la feuille de style d'un de mes sites.

jpol36, lorsque tu crée une page Web, le html (ou php) sert pour le contenu de la page. Le css sert à la mise en page (taille du texte, couleur de fond, police, ...)

une instruction css en ligne (dans la page html) serait :

Dans mon exemple, l'image de fond s'appelle rock.jpg et se trouve dans le dossier images.

Mais fml a raison, lorsqu'il y a plusieurs instruction css, il est plus simple de les regrouper dans un fichier distinct qui pourra s'appeler "styles.css".

Dans l'entête <head> de la page html, il faudrait appeler le fichier styles.css par une ligne de commande comme :

A+

-------
SOSPC20 NOUVELLE VERSION
LOUER UN STUDIO EN BORD DE MER. http://www.studiocarro.info

répondre

jpol36 le 19 aout 2009 à 16h46

merci doudoucarro, je crois avoir compris, je vais y réfléchir.
jpol

-------
jpol

répondre

jc92120 le 15 septembre 2009 à 23h16

Bonjour,
Je débute en création de site web et je bute sur une question.

J'ai une page sur laquelle j'ai mis une image de fond fixe.

Sur cette image de fond j'ai placé une autre image qui est centré et une autre placé comme ceci :
<IMG STYLE="position:absolute; TOP:400px; LEFT:375px; WIDTH:95px; HEIGHT:140px" SRC="grenouille petit modele.png">

Le placement de la grenouille sur la page me convient parfaitement mais lorsque je réduit la fenêtre en largeur l'image de la grenouille ne reste pas fixe.
Elle se déplace vers la droite et vient passé sous le lecteur de vidéo qui est à sa droite
Comment dois-je faire pour qu'elle ne bouge plus ?

Merci

répondre