Images et taille de l'écran !! [Fermé]

Bertrand - 26 janv. 2011 à 14:43 - Dernière réponse :  Bertrand
- 26 janv. 2011 à 22:02
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 !



Afficher la suite 

5 réponses

seebz 38 Messages postés dimanche 15 avril 2007Date d'inscription 6 mars 2011 Dernière intervention - 26 janv. 2011 à 15:57
0
Utile
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
Utile
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.
seebz 38 Messages postés dimanche 15 avril 2007Date d'inscription 6 mars 2011 Dernière intervention - 26 janv. 2011 à 16:49
0
Utile
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) ;)
Utilisateur anonyme - 26 janv. 2011 à 18:34
0
Utile
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
Utile
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?