[resolu] Alignement de div

Bonjour tout le monde.
J'ai un pb :
voilà le code :

<div id="grande_photo" style="z-index: 0; background-color: white; border: 0px solid green; vertical-align: middle;">
<a name=image>
<div STYLE="float: left; width: 20; height: 39; z-index: 2;"><IMG SRC="images2/fleche_gauche_bleue.gif" border="0" onclick="change_grande_image(-1)" onmouseover="this.style.cursor='hand';"></div>
<div STYLE="float: right; width: 20; height: 39; z-index: 2;"><IMG SRC="images2/fleche_droite_bleue.gif" border="0" onclick="change_grande_image(+1)" onmouseover="this.style.cursor='hand';"></div>
<div STYLE=" position: relative; left: 0; top: 0; z-index: 1;  vertical-align: middle; border: 0px solid red" id="contenant_grande_photo">
</a>
<p align="center" style="margin-bottom: 0px; margin-top: 0px;">
<img name="image_affichee" src="combi.jpg">
</p>
</a>
</div>
</div>
<div STYLE="overflow:hidden; float: right; position: relative; top: -97; width: 49; height: 46; z-index: 2;"><IMG SRC="images2/loupe.gif" border="0" onclick="tg(0)" onmouseover="this.style.cursor='hand';"></div>
<div STYLE="overflow:hidden; float: right; position: relative; left: 49; top: -46; width: 49; height: 46; z-index: 2;"><IMG SRC="images2/imprimante.gif" border="0" onclick="tg(1)" onmouseover="this.style.cursor='hand';"></div>

Le pb est que l'imprimante et la loupe décalent la suite de 46 pix vers le bas de la page html

Comment faire pour résoudre ce probleme

d'avance Merci

Demi Cerveau
ps: le code est inclus dans un tableau classique
Modifié par Demi Cerveau (04 Dec 2007 - 13:36)

Salut,

Il est difficile de lire ton code car le mélange de CSS et d'HTML ne le facilite en rien. Surtout qu'il n'y a quasiment que des <div>...

Pour ton problème je pense qu'il faudrait que tu sois plus précis. Une page en ligne serait idéale, ou au moins l'intégralité de ton code HTML ET CSS.
Pour l'instant, difficile de comprendre ton problème.

J'imagine, mais je peux me tromper, qu'il s'agit de la position relative de ton imprimante et de ta loupe, peut être qu'une position absolute conviendrait mieux. Un peu de (re)lecture sur le positionnement ne ferait pas de mal.

Bonjour tout le monde.
Je reformule clairement ma question :
Comment aligner deux images verticalement en bas à droite d'une div, et ce, quelque que soit la hauteur et la largeur de la div en question?

A droite je sais faire (float: right), mais je n'ai pas trouvé l'équivalent vertical pour float.


D'avance merci beaucoup.

Un display: block sur les images peut être ?

J'ai résolu le probleme en mettant les images à placer en bas à droite dans un tableau, et l'image dans une div z-index+1 width:100% align: center

Voilà, je constate que je manque de pratique dans le positionnement des div (ce que je ne nie pas du tout) et qu'il m'est encore une fois plus aisé de passer par un table pour résoudre ce genre de probleme

Bonne journée