Images et taille de l'écran !!
Bertrand
-
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 !
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 !
A voir également:
- Images et taille de l'écran !!
- Comment réduire la taille d'un fichier - Guide
- Double ecran - Guide
- Reduire taille image - Guide
- Capture d'écran whatsapp - Accueil - Messagerie instantanée
- Retourner ecran pc - Guide
5 réponses
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.
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.
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.
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 :
Faudra faire pareil avec l'autre élément (div#layer1) ;)
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) ;)
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:
c'est juste un exemple à toi de trouver les bons pourcentages
sinon il y a toujours javascript
@+
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
@+
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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?
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?