Discussion :

[groupe51]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[masu]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[groupe51]

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

merci quand même

[groupe51]

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...

Des idées??

merci

[masu]

desole je n'avais pas eu le temps de tester mon code , 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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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