18041 sujets

Questions générales et questions de débutants

Positionner du contenu sur une image de fond

Bonjour,

grâce à ce tuto : http://forum.alsacreations.com/faq/faq-56-Comment-faire-un-arriere-plan-etirable-.html

je suis parvenu à faire un arrière plan étirable, mais je bute sur une difficulté ;
comment faire pour mettre par dessus un fichier flash "SWF" qui restera toujours au centre.
Sur des écrans avec résolution plus élevée, mon SWF se décale...
Vous pouvez en voir l'illustration ici :[/url]http://www.jeanlerin.com/peintures.html

Voici le CSS qui va avec


body {
  margin:0px;
background-color: #FFFFFF;
background-image: url("P.jpg");
background-repeat: no-repeat;
}
h1 { position:absolute;
	top: 130px;
	left: 200px;
}


Je crois que le problème vient de la position "absolute"....

Merci de votre aide.
Bonjour

Ceci serait plus efficace : 

<body>
    <div>Ton Flash</div>
</body>



body {
    margin:0px;
    background-color: #FFFFFF;
    background-image: url("P.jpg");
    background-repeat: no-repeat;
}
div{
    margin:130px auto 0 auto;
}
J'ai appliqué tes codes comme ça : 


<body>

<img src="P.jpg" name="P.jpg" width="100%" height="100%">

<div> <object type="application/x-shockwave-flash" data="peintures.swf" width="720" height="440">
<param name="movie" value="peintures.swf" />
<param name="wmode" value="transparent" />
</object>
</div>

</body>


et


body {

    margin:0px;

    background-color: #FFFFFF;

    background-image: url("P.jpg");

    background-repeat: no-repeat;

}

div{

    margin: 130px auto 0 auto;

}


et le fichier ainsi placé dans la <div> s'est complètement décalé vers le bas, en dehors de l'image qui sert d'arrière plan, créant un ascenseur latéral.
Le fichier s'est aussi collé sur la gauche.

Si tu as une idée ou si quelqu'un passe par ici, Merci.
baz a écrit :
Si tu as une idée ou si quelqu'un passe par ici, Merci.

Ce qui se passe, c'est que tu n'as pas du tout compris le fonctionnement de l'astuce présentée ici:
http://forum.alsacreations.com/faq/faq-56-Comment-faire-un-arriere-plan-etirable-.html
... et sans doute qu'il te manque des compétences de base en positionnement CSS.
La solution consiste alors à commencer par le commencement:
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information

Ou bien il s'agit d'une erreur d'inattention. Dans ce cas je te signale que tu as oublié d'appliquer des styles CSS à ton images censée être utilisée comme fond, notamment le positionnement absolu. Smiley cligne

Mais je penche plutôt pour la première réponse.
Modifié par Florent V. (27 Jan 2009 - 19:41)
Ta remarque est en partie juste. Je ne maitrise pas bien le positionnement en CSS, mais j'ai aussi oublié de mettre le code au complet.

Je vais considérer le problème comme :

résolu.
Administrateur
baz a écrit :
Je vais considérer le problème comme :
résolu.


Hello,

Que dirais-tu dans ce cas de le marquer correctement dans le titre du sujet, comme cela est indiqué dans les règles ? (voir [Résolu] Smiley cligne )
Modifié par Raphael (28 Jan 2009 - 17:23)
Sujet clos
Aller à