Images et taille de l'écran !!

Bertrand -  
 Bertrand -
Bonjour,
j'ai un sérieux problème, certaines images de mon site, en particulier celles en header se placent en fonction de la taille de l'écran, en d'autres termes, mes images ne seront pas placées au même endroit sur mon ordi que sur le votre... :/

Je suis très embêtée, que puis-je faire??? Comment faire pour que mes images restent fixent et ne puissent pas bouger?


(Je suis chez OVH et Prestashop) Si cela peut aider !

5 réponses

  1. seebz Messages postés 39 Statut Membre 28
     
    C'est très certainement un problème de style, mais ça va être dur de t'aider avec le peu d'infos que tu nous fournis.
    0
  2. Bertrand
     
    Voilà mon site: http://ekif.fr/

    Et voici le script que j'ai mis pour mon image:
    <div id="layer3" style="width:86px; height:79px; position:absolute; left:957px; top:56px; z-index:1;">
    <img src="etoile.gif" alt="etoile anime" width="79" height="79" border="0" />
    </div>

    Peut être est-ce le "position:absolute" qui pose problème ?

    Merci.
    0
  3. seebz Messages postés 39 Statut Membre 28
     
    L'idéal aurait été de mettre ces éléments au bon endroit (dans le div#header).

    Mais le mal est fait et il y a moyen de résoudre le problème comme ceci :
    width:86px; 
    height:79px; 
    position:absolute; 
    top:56px; 
    z-index:1;
    
    left:50%;
    margin-left:-43px; /* width/2 */


    Faudra faire pareil avec l'autre élément (div#layer1) ;)
    0
  4. Utilisateur anonyme
     
    salut,
    convertit tous ces nombres de pixels en pourcentage
    le "pourcentage" donne un nombre selon les dimension de l'écran donc tu n'auras plus de problème quelque soit l'écran

    genre:
    <div id="layer3" style="width:20%; height:25%; position:absolute; left:80%; top:10%; z-index:1;">
    <img src="etoile.gif" alt="etoile anime" width="90%" height="100%" border="0" />
    </div> 
    


    c'est juste un exemple à toi de trouver les bons pourcentages
    sinon il y a toujours javascript
    @+
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Bertrand
     
    SEEBZ, j'ai bien mis mes images dans "header.php" , Si c'est ce que tu voulais dire...

    Merci en tout cas pour vos réponses.

    Maintenant je ne sais pas encore si le probleme est résolu ( car je n'est qu'un seul ordi chez moi ) mais jpense que cest bon par contre la tailles des images changent quand on rétrécie (ou agrandi) la fenêtre... ??? C'est normal? Elles ne peuvent pas rester fixent?
    0