Positionner un div sous une image avec les CSS

Bonjour,

Pour mon projet d'entreprise je dois réaliser une application dans laquelle les utilisateurs saisissent des dates à l'aide d'un calendrier.
Regardez ceci :

Pour l'instant ceci est réalisé à l'aide d'une table. En effet pour positionner exactement le calendrier sous la petite image je n'ai trouvé aucun moyen de réaliser ceci en CSS.
Je procède donc ainsi :

<table cellSpacing="0" cellPadding="0" border="0">
	<tr vAlign="bottom">
		<td><input ....></td>
		<td width="3"></td>
		<td valign="middle">
			<img ...></div>
			<div>LE CALENDRIER</div>
		</td>
	</tr>
</table>

et ça marche bien (positionnement cellulaire..)

Si qqn à la moindre idée de comment réaliser ceci en CSS il sera le bienvenu !
Merci !
Modifié par djflex68 (17 Aug 2006 - 11:27)

Bonjour djflex68

Juste une question Pourquoi ne pas conserver un tableau pour présenter ce calendrier ?

ben parce la mise en page par les CSS contre-indique l'utilisation des tableaux à des fins de présentation. Et comme le reste de ma page est faite entièrement en CSS...
Modifié par djflex68 (17 Aug 2006 - 11:28)

Parceque si on peut eviter les tableaux c'est mieux. Mais si j'ai bien compris c'est pas tant le calendrier qu'il ne veut pas laisser en tableau mais plutot l'image par rapport au calendrier, si j'ai bien compris évidement je n'en suis pas certain.

L'idée qui me vient est assez simple

imaginons que la date est une div: date

l'image div : image

et le calendrier div: calendrier

Pour faire simple
#date {
width: 100px;
height: 50px;
float: left;
background-color: yellow;
}
#conteneur {
float: left;
}
#image {
width: 50px;
height: 50px;
float: left;
background-color: red;
}
#conteneur #calendrier {
width: 300px;
height: 300px;
clear: left;
background-color: brown;
}

http://mtdo.info/adag/adag/test.php

Voila si t'a d'autres quesitons n'hesites pas si j'ai pas bien compris ce que tu voulais.

Tiens j'ai fais une petite page pour toi pour que tu te rende compte que ca marche.

Oui j'ai essayé de faire dans le même genre que toi avec le bloc-notes et j'y arrive aussi ...
En fait je pense que c'est dans ma page qu'il doit y avoir un problème... ou alors c'est lié au fait que le calendrier, lui, soit un tableau, et peut être qu'un tableau dans un div il n'aime pas trop ça .. je sais pas.. Je vais voir si je trouve et je te tiens au courant.
Merci en tout cas.

Pour le tableau utilise peut etre des display: table et display: table-cell. N'hesite pas à reposer une question si t'a un autre souci. A+

C'est bon j'y suis arrivé ...
comme d'hab c'est IE qui foutait son bordel avec une interprétation débile des standards CSS...
ça marche now, merci

Bravo
Tu considères que ce sujet est [Résolu] ?