Mesures en pourcentage

Bonjour,

voila, j'essai de placer des éléments dans ma page web en HTMLde façon a ce qu'il se positionnent en fonction de la taille de l'écran sur lequel on l'affiche.
J'ai utilisé des pourcentages pour mes mesures mais un problème persiste:

Code:

---

1 2 3

<DIV style="position=absolute; left=40%; top=20%;"> <img src="image.jpg" style="width=50px; height=50px;"> </DIV>

---

Ce code fonctionne mais j'aimerai pouvoir mettre aussi la taille de l'image en pourcentage, or quand je le fais, rien ne s'affiche. Comment puis-je faire pour avoir TOUTES mes mesures en pourcentage?

Merci

En css pas = mais : pour indiquer la valeur d'une propriete.
= pour les attributs html mais : pour les selecteurs css.

Code:

---

1 2 3

<DIV style="position:absolute; left:40%; top:20%;"> <img src="image.jpg" style="width:50px; height:50px;"> </DIV>

---

ensuite je pense que ce code ne pose pas de probleme

Code:

---

1 2 3

<div style="position:absolute; left:40%; top:20%;"> <img src="image.jpg" width="20%" height="20%" /> </div>

---

As tu testé ce code?? Pour ma part, lorsque je l'essaie, rien ne s'affiche.:(

merci quand même

En fait lorsque je rajoute la partie <div>, je ne peux plus mettre la taille de mon image en pourcentage (mais ca fonctionne sans le <div>).
Pourtant j'ai aussi besoin de placer mon image ou je veux dans la page en utilisant les pourcentages. Pour le moment j'ai soit le positionnement en % soit la taille...:mur:

Des idées??

merci

desole je n'avais pas eu le temps de tester mon code:aie: , en fait l'attribut HTML width et weight avec des valeurs en % font reference a un pourcentage de la taille de l'image originale.

Ce code ci devrai marché correctement C testé :p

Code:

---

1 2 3

<div style="position:absolute; left:10%; top:5%;"> <img src="screen.jpg" style="display:block; width:50%; height:50%;" /> </div>

---

Mais si je veux dimensionner mon image en fonction de la taille de l'écran et non en fonction de la taille initiale de l'image, comment faut il faire??

merci

Citation:

---

Envoyé par groupe51

Mais si je veux dimensionner mon image en fonction de la taille de l'écran et non en fonction de la taille initiale de l'image, comment faut il faire??

merci

---

as-tu essaye le code que je t'ai donne ?

Code:

---

1 2 3

<div style="position:absolute; left:10%; top:5%;"> <img src="screen.jpg" style="display:block; width:50%; height:50%;" /> </div>

---

j'ai dans la premiere partie de mon post expliqué mon erreur mais le code que j'ai donné répond je pense a ton probleme ;)

Oups, désolé j'avais pas testé. En effet ca fonctionne.

Un grand merci à toi.