Forums ProgMatique

[jcmarta]

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 :


voici les codes de ces 3 éléments :

<img class="centered" src="LOGO MYLITTLESCHOOL.png" alt="logo my little school">
<IMG STYLE="position:fixed; TOP:400px; LEFT:420px; WIDTH:105px; HEIGHT:150px" SRC="grenouille petit modele.png">


<object type="application/x-shockwave-flash" width="400" height="220" data="player.swf">
<param name="movie" value="player.swf" />
<param name="flashvars" value="file=movieMLS.flv" />
</object>



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 ?

En fait je vient de m'apercevoir que lorsque l'on change les paramètres et résolutions de l'affichage d'écran cad si on passe de 1440x900 pixels à
1280x720 pixels par exemple c'est la catastrophe et encore pire si je passe à 1024x768 pixels, car là l'image en question disparait totalement sous le lecteur flv et mon menu dont le code css est :
#navcontainer {
position:absolute;
left: 25%;
top: 50%;
width: 700px;
height: 400px;
margin-top: -100px; /* moitié de la hauteur */
margin-left: -300px; /* moitié de la largeur */

disparait de moitié.

Que faire ?

[SimMaster]

Bonjour,
aafin au mieux le flash, je te conseil d'utiliser des largeurs en pourcentage.
Pour que la grenouille reste a coté, met les deux éléments dans un conteneur.
Si tu peut, met le code qu'il faut dans un html + le css et postes les (ici ou codeswall.info) Je regarderai de plus près
_________________
SimMaster,
Programmation et informatique
Colorisation syntaxique de codes sources
Outils et services autour de l'adresse IP

[jcmarta]

Bonjour,

En fait je pense avoir bien mis les  éléments dans le même conteneur mais ça ne fonctionne toujours pas.

Je vous envoie ci-joints les fichiers qui constituent cette page

fichier xhtml,css et 2 fichiers images. http://www.sendspace.com/file/r5tc31 et http://www.sendspace.com/file/1ughl9

http://www.sendspace.com/file/8w1tt2 et  http://www.sendspace.com/file/1zoy5q

Merci de regarder comment je peux faire pour que ces éléments ne bougent plus lorsque l'on change de paramètre ou de taille d'affichage de pages web chez les internautes.

[SimMaster]

J'ai jeté un oeil à tes fichiers... Le code contient beaucoup d'erreurs (code, css, normes inexistantes, etc...), il vaudrait mieux reprendre tout du début avec des tutoriaux du web (alsacreation, etc...)

Schématiquement, la construction du squelette serait :

<header/>
<conteneur>
<menu/><contenu/>
</conteneur>
<footer/>

Et mieux vaut tout de suite oublier les positions absolute avec top, left, bottom, right en px ou pt pour placer des éléments : suivant les écrans, les résolutions, ca ne fonctionnera jamais


J'essayerai de refaire l'index des que j'ai le temps



Bonne
_________________
SimMaster,
Programmation et informatique
Colorisation syntaxique de codes sources
Outils et services autour de l'adresse IP

[jcmarta]

Bonjour,

Comme je te l'avais dit dans mon premier message je suis débutant et cette page je l'ai faite uniquement en parcourant le tuto du site du zéro et en suivant quelques conseils par çi par la.
Je suis conscient d'avoir fait des erreurs de code mais si effectivement tu voulais bien passer un petit moment pour me remettre cela en forme je t'en remercierai beaucoup et cela m'aiderai aussi à faire d'autres page car rien ne vaut un exemple concret pour apprendre.

Donc si tu en as le temps merci de te pencher sur mon problème.

Jc