par
moogli » 27 avr. 2014, 13:42
réponse un peu l'emporte-pièce ...
ben tiens
j'ai évidemment déjà testé avec z-index, bottom, right,... mais ça ne marche évidemment pas
ce n'est ni dans le code proposé ni dans ton message je ne peu pas deviner ce que tu as pu tester.
Syntaxe: [ Télécharger ] [ Masquer ] [ Sélectionner ] [ Réduire ]
Code php
<?php
echo "<html>";
echo "<body>" ;
echo "<style>
div.image_1 {
position:absolute;
border:1px solid red;
}
div.image_2 {
position:relative;
width=100px;
height=100px;
border: 1px solid blue;
}
</style>";
echo "<div class='image_1'>"; // début div image_1
$x=400;
$y=400;
echo "<img src='toto' width=$x height=$y alt=''>";
echo "<div class='image_2'>"; // début div imbriquée image_2
echo "<img src='toto' width=100 height=100 alt=''>";
echo "</div>"; // fin div image_2
echo "</div>"; // fin div image_1
echo "</body>";
echo "</html>";
?>
car le pbm posé est d'une autre nature, probablement pas résoluble avec css seul
la vérité viendra ""d'ailleurs"" ....
donc
je voudrais positionner une image n°2 à partir du coin inférieur droit d'une image n°1
=> positionnement absolu d'un conteneur par rapport à un autre
sachant que les dimensions de l'image n°1 sont des variables
aucun problème.
LA solution c'est
top: hauteur de l'image 1;
left : largeur de l'image 1;
je suis partie sur bottom et right, parce que tu as indiqué une taille à la div et j'ai pensé que l'image avait cette taille.
@+
[quote="Tempsperdu"]réponse un peu l'emporte-pièce ...[/quote]
ben tiens
[quote="Tempsperdu"]j'ai évidemment déjà testé avec z-index, bottom, right,... mais ça ne marche évidemment pas[/quote]
ce n'est ni dans le code proposé ni dans ton message je ne peu pas deviner ce que tu as pu tester.
[quote="Tempsperdu"]
Syntaxe: [ Télécharger ] [ Masquer ] [ Sélectionner ] [ Réduire ]
Code php
<?php
echo "<html>";
echo "<body>" ;
echo "<style>
div.image_1 {
position:absolute;
border:1px solid red;
}
div.image_2 {
position:relative;
width=100px;
height=100px;
border: 1px solid blue;
}
</style>";
echo "<div class='image_1'>"; // début div image_1
$x=400;
$y=400;
echo "<img src='toto' width=$x height=$y alt=''>";
echo "<div class='image_2'>"; // début div imbriquée image_2
echo "<img src='toto' width=100 height=100 alt=''>";
echo "</div>"; // fin div image_2
echo "</div>"; // fin div image_1
echo "</body>";
echo "</html>";
?>
[/quote]
[quote="Tempsperdu"]car le pbm posé est d'une autre nature, probablement pas résoluble avec css seul
[/quote]
la vérité viendra ""d'ailleurs"" ....
donc [quote="Tempsperdu"]je voudrais positionner une image n°2 à partir du coin inférieur droit d'une image n°1[/quote]
=> positionnement absolu d'un conteneur par rapport à un autre
[quote="Tempsperdu"]sachant que les dimensions de l'image n°1 sont des variables [/quote]
aucun problème.
LA solution c'est
top: hauteur de l'image 1;
left : largeur de l'image 1;
je suis partie sur bottom et right, parce que tu as indiqué une taille à la div et j'ai pensé que l'image avait cette taille.
@+
